#CCEEE8

#CCEEE8

#EECCD2

#EECCD2

コントラスト比

1.19:1

Delta E

26.01

Very Different

50:50 ミックス

#DFDDDD

カラー値

フォーマット #CCEEE8 #EECCD2
HEX #CCEEE8 #EECCD2
RGB 204, 238, 232 238, 204, 210
HSL 169.4, 50.0%, 86.7% 349.4, 50.0%, 86.7%
HSV 169.4, 14.3%, 93.3% 349.4, 14.3%, 93.3%
CMYK 14.3%, 0.0%, 2.5%, 6.7% 0.0%, 14.3%, 11.8%, 6.7%
OKLCH 0.923 0.0363 183.7 0.8756 0.039 5.9

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

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EECCD2 → 背景色: #CCEEE8

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

テキスト: #CCEEE8 → 背景色: #EECCD2

色差 (Delta E)

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

グラデーション

#CCEEE8 #D3E8E4 #D9E3E1 #DFDDDD #E4D8D9 #E9D2D6 #EECCD2

カラーミキシング

#CCEEE8

100%

#D6E6E2

75:25

#DFDDDD

50:50

#E7D5D7

25:75

#EECCD2

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCEEE8, #EECCD2);
background: linear-gradient(135deg, #CCEEE8, #EECCD2);

各色を詳しく見る

#CCEEE8

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

#EECCD2

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

関連する比較