#9696DF

#9696DF

#DFDF96

#DFDF96

コントラスト比

1.96:1

Delta E

81.21

Very Different

50:50 ミックス

#C0BABC

カラー値

フォーマット #9696DF #DFDF96
HEX #9696DF #DFDF96
RGB 150, 150, 223 223, 223, 150
HSL 240.0, 53.3%, 73.1% 60.0, 53.3%, 73.1%
HSV 240.0, 32.7%, 87.5% 60.0, 32.7%, 87.5%
CMYK 32.7%, 32.7%, 0.0%, 12.5% 0.0%, 0.0%, 32.7%, 12.5%
OKLCH 0.7017 0.1061 283.3 0.8869 0.0934 108.2

コントラストとアクセシビリティ

1.96:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #DFDF96 → 背景色: #9696DF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #9696DF → 背景色: #DFDF96

色差 (Delta E)

81.21 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#9696DF #A6A2D4 #B4AEC8 #C0BABC #CCC6B0 #D6D2A3 #DFDF96

カラーミキシング

#9696DF

100%

#ADA8CE

75:25

#C0BABC

50:50

#D1CCAA

25:75

#DFDF96

100%

CSSグラデーションコード

background: linear-gradient(to right, #9696DF, #DFDF96);
background: linear-gradient(135deg, #9696DF, #DFDF96);

各色を詳しく見る

#9696DF

カラーの詳細をすべて見る

#DFDF96

カラーの詳細をすべて見る

関連する比較