#DFCCFF

#DFCCFF

#ECFFCC

#ECFFCC

コントラスト比

1.39:1

Delta E

55.91

Very Different

50:50 ミックス

#E7E6E6

カラー値

フォーマット #DFCCFF #ECFFCC
HEX #DFCCFF #ECFFCC
RGB 223, 204, 255 236, 255, 204
HSL 262.4, 100.0%, 90.0% 82.4, 100.0%, 90.0%
HSV 262.4, 20.0%, 100.0% 82.4, 20.0%, 100.0%
CMYK 12.5%, 20.0%, 0.0%, 0.0% 7.5%, 0.0%, 20.0%, 0.0%
OKLCH 0.8772 0.0722 301.9 0.9733 0.0692 124.3

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECFFCC → 背景色: #DFCCFF

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

テキスト: #DFCCFF → 背景色: #ECFFCC

色差 (Delta E)

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

グラデーション

#DFCCFF #E2D5F7 #E5DDEF #E7E6E6 #E9EEDE #EBF7D5 #ECFFCC

カラーミキシング

#DFCCFF

100%

#E4D9F3

75:25

#E7E6E6

50:50

#EAF2D9

25:75

#ECFFCC

100%

CSSグラデーションコード

background: linear-gradient(to right, #DFCCFF, #ECFFCC);
background: linear-gradient(135deg, #DFCCFF, #ECFFCC);

各色を詳しく見る

#DFCCFF

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

#ECFFCC

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

関連する比較