#D4F2CC

#D4F2CC

#EACCF2

#EACCF2

コントラスト比

1.2:1

Delta E

45.62

Very Different

50:50 ミックス

#E0DFDF

カラー値

フォーマット #D4F2CC #EACCF2
HEX #D4F2CC #EACCF2
RGB 212, 242, 204 234, 204, 242
HSL 107.4, 59.4%, 87.5% 287.4, 59.4%, 87.5%
HSV 107.4, 15.7%, 94.9% 287.4, 15.7%, 94.9%
CMYK 12.4%, 0.0%, 15.7%, 5.1% 3.3%, 15.7%, 0.0%, 5.1%
OKLCH 0.9294 0.0596 139.1 0.882 0.0606 319.1

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

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

テキスト読みやすさ

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

テキスト: #EACCF2 → 背景色: #D4F2CC

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

テキスト: #D4F2CC → 背景色: #EACCF2

色差 (Delta E)

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

グラデーション

#D4F2CC #D8ECD2 #DCE6D9 #E0DFDF #E4D9E6 #E7D3EC #EACCF2

カラーミキシング

#D4F2CC

100%

#DAE9D6

75:25

#E0DFDF

50:50

#E5D6E9

25:75

#EACCF2

100%

CSSグラデーションコード

background: linear-gradient(to right, #D4F2CC, #EACCF2);
background: linear-gradient(135deg, #D4F2CC, #EACCF2);

各色を詳しく見る

#D4F2CC

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

#EACCF2

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

関連する比較