#D473CD

#D473CD

オーキッド系

カラーコード変換

形式
HEX#D473CD
RGBrgb(212, 115, 205)
RGBArgba(212, 115, 205, 1)
HSLhsl(304, 53%, 64%)
HSVhsv(304, 46%, 83%)
CMYKcmyk(0%, 46%, 3%, 17%)
Aa

白背景

2.94:1不適合

Aa

黒背景

7.13:1AA適合


配色パレット提案

補色

色相環で180°反対に位置する色

#D473CD#73D479

類似色

色相環で隣接する色

#AA73D4#C273D4#D473CD#D473B5#D4739D

トライアド

色相環で120°間隔の3色

#D473CD#CDD473#73CDD4

テトラード

色相環で90°間隔の4色

#D473CD#D4AA73#73D479#739DD4

モノクローム

同じ色相の明度バリエーション

#85297F#BF3BB6#D473CD#E6ADE2#F8E8F7

スプリットコンプリメンタリー

補色の両隣の色

#D473CD#9DD473#73D4AA

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #F2D4F0, #D473CD, #982F91)

補色グラデーション

linear-gradient(135deg, #D473CD, #73D479)

類似色グラデーション

linear-gradient(135deg, #AA73D4, #D473CD, #D4739D)

ラジアルグロー

radial-gradient(circle, #D473CD, #982F91)

サンセット風

linear-gradient(to right, #D473CD, #D4739D, #73D479)

オーバーレイ

linear-gradient(180deg, #D473CDCC, #D473CD33)

CSS使用例

背景色として使用

Hello, World!
background-color: #D473CD;

テキスト色として使用

Color Text
color: #D473CD;

ボーダー色として使用

ボーダー要素
border: 3px solid #D473CD;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #D473CD66;

関連するカラー