#CCEEE3

#CCEEE3

#EECCD7

#EECCD7

コントラスト比

1.19:1

Delta E

27.7

Very Different

50:50 ミックス

#DEDDDD

カラー値

フォーマット #CCEEE3 #EECCD7
HEX #CCEEE3 #EECCD7
RGB 204, 238, 227 238, 204, 215
HSL 160.6, 50.0%, 86.7% 340.6, 50.0%, 86.7%
HSV 160.6, 14.3%, 93.3% 340.6, 14.3%, 93.3%
CMYK 14.3%, 0.0%, 4.6%, 6.7% 0.0%, 14.3%, 9.7%, 6.7%
OKLCH 0.9216 0.0384 173.9 0.8771 0.0407 356.5

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

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

テキスト読みやすさ

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

テキスト: #EECCD7 → 背景色: #CCEEE3

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

テキスト: #CCEEE3 → 背景色: #EECCD7

色差 (Delta E)

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

グラデーション

#CCEEE3 #D2E8E1 #D9E3DF #DEDDDD #E4D8DB #E9D2D9 #EECCD7

カラーミキシング

#CCEEE3

100%

#D6E6E0

75:25

#DEDDDD

50:50

#E6D5DA

25:75

#EECCD7

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCEEE3, #EECCD7);
background: linear-gradient(135deg, #CCEEE3, #EECCD7);

各色を詳しく見る

#CCEEE3

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

#EECCD7

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

関連する比較