#CCD5EE

#CCD5EE

#EEE5CC

#EEE5CC

コントラスト比

1.17:1

Delta E

27.34

Very Different

50:50 ミックス

#DEDDDD

カラー値

フォーマット #CCD5EE #EEE5CC
HEX #CCD5EE #EEE5CC
RGB 204, 213, 238 238, 229, 204
HSL 224.1, 50.0%, 86.7% 44.1, 50.0%, 86.7%
HSV 224.1, 14.3%, 93.3% 44.1, 14.3%, 93.3%
CMYK 14.3%, 10.5%, 0.0%, 6.7% 0.0%, 3.8%, 14.3%, 6.7%
OKLCH 0.8739 0.0359 269.9 0.9224 0.0345 90.5

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEE5CC → 背景色: #CCD5EE

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

テキスト: #CCD5EE → 背景色: #EEE5CC

色差 (Delta E)

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

グラデーション

#CCD5EE #D2D8E8 #D8DAE3 #DEDDDD #E4E0D7 #E9E2D2 #EEE5CC

カラーミキシング

#CCD5EE

100%

#D5D9E6

75:25

#DEDDDD

50:50

#E6E1D5

25:75

#EEE5CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCD5EE, #EEE5CC);
background: linear-gradient(135deg, #CCD5EE, #EEE5CC);

各色を詳しく見る

#CCD5EE

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

#EEE5CC

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

関連する比較