#CCEEEB

#CCEEEB

#EECCCF

#EECCCF

コントラスト比

1.2:1

Delta E

25.46

Very Different

50:50 ミックス

#DFDDDD

カラー値

フォーマット #CCEEEB #EECCCF
HEX #CCEEEB #EECCCF
RGB 204, 238, 235 238, 204, 207
HSL 174.7, 50.0%, 86.7% 354.7, 50.0%, 86.7%
HSV 174.7, 14.3%, 93.3% 354.7, 14.3%, 93.3%
CMYK 14.3%, 0.0%, 1.3%, 6.7% 0.0%, 14.3%, 13.0%, 6.7%
OKLCH 0.9239 0.0356 190.0 0.8748 0.0385 11.9

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EECCCF → 背景色: #CCEEEB

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

テキスト: #CCEEEB → 背景色: #EECCCF

色差 (Delta E)

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

グラデーション

#CCEEEB #D3E8E6 #D9E3E2 #DFDDDD #E4D8D8 #E9D2D4 #EECCCF

カラーミキシング

#CCEEEB

100%

#D6E6E4

75:25

#DFDDDD

50:50

#E7D5D6

25:75

#EECCCF

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCEEEB, #EECCCF);
background: linear-gradient(135deg, #CCEEEB, #EECCCF);

各色を詳しく見る

#CCEEEB

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

#EECCCF

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

関連する比較