#D2F4CC

#D2F4CC

#EECCF4

#EECCF4

コントラスト比

1.2:1

Delta E

48.75

Very Different

50:50 ミックス

#E1E1E0

カラー値

フォーマット #D2F4CC #EECCF4
HEX #D2F4CC #EECCF4
RGB 210, 244, 204 238, 204, 244
HSL 111.0, 64.5%, 87.8% 291.0, 64.5%, 87.8%
HSV 111.0, 16.4%, 95.7% 291.0, 16.4%, 95.7%
CMYK 13.9%, 0.0%, 16.4%, 4.3% 2.5%, 16.4%, 0.0%, 4.3%
OKLCH 0.9323 0.064 140.9 0.8861 0.0651 321.2

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

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

テキスト読みやすさ

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

テキスト: #EECCF4 → 背景色: #D2F4CC

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

テキスト: #D2F4CC → 背景色: #EECCF4

色差 (Delta E)

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

グラデーション

#D2F4CC #D8EED3 #DDE7DA #E1E1E0 #E6DAE7 #EAD3ED #EECCF4

カラーミキシング

#D2F4CC

100%

#DAEAD6

75:25

#E1E1E0

50:50

#E8D6EA

25:75

#EECCF4

100%

CSSグラデーションコード

background: linear-gradient(to right, #D2F4CC, #EECCF4);
background: linear-gradient(135deg, #D2F4CC, #EECCF4);

各色を詳しく見る

#D2F4CC

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

#EECCF4

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

関連する比較