#CED2EE

#CED2EE

#EEEACE

#EEEACE

コントラスト比

1.23:1

Delta E

30.22

Very Different

50:50 ミックス

#DFDEDE

カラー値

フォーマット #CED2EE #EEEACE
HEX #CED2EE #EEEACE
RGB 206, 210, 238 238, 234, 206
HSL 232.5, 48.5%, 87.1% 52.5, 48.5%, 87.1%
HSV 232.5, 13.4%, 93.3% 52.5, 13.4%, 93.3%
CMYK 13.4%, 11.8%, 0.0%, 6.7% 0.0%, 1.7%, 13.4%, 6.7%
OKLCH 0.8694 0.0388 279.1 0.9328 0.0371 100.4

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

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEEACE → 背景色: #CED2EE

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

テキスト: #CED2EE → 背景色: #EEEACE

色差 (Delta E)

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

グラデーション

#CED2EE #D4D6E9 #D9DAE4 #DFDEDE #E4E2D9 #E9E6D3 #EEEACE

カラーミキシング

#CED2EE

100%

#D7D8E6

75:25

#DFDEDE

50:50

#E7E4D6

25:75

#EEEACE

100%

CSSグラデーションコード

background: linear-gradient(to right, #CED2EE, #EEEACE);
background: linear-gradient(135deg, #CED2EE, #EEEACE);

各色を詳しく見る

#CED2EE

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

#EEEACE

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

関連する比較