#D5F4CD

#D5F4CD

#ECCDF4

#ECCDF4

コントラスト比

1.21:1

Delta E

46.82

Very Different

50:50 ミックス

#E2E1E1

カラー値

フォーマット #D5F4CD #ECCDF4
HEX #D5F4CD #ECCDF4
RGB 213, 244, 205 236, 205, 244
HSL 107.7, 63.9%, 88.0% 287.7, 63.9%, 88.0%
HSV 107.7, 16.0%, 95.7% 287.7, 16.0%, 95.7%
CMYK 12.7%, 0.0%, 16.0%, 4.3% 3.3%, 16.0%, 0.0%, 4.3%
OKLCH 0.9345 0.0612 139.3 0.8862 0.0622 319.3

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

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECCDF4 → 背景色: #D5F4CD

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

テキスト: #D5F4CD → 背景色: #ECCDF4

色差 (Delta E)

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

グラデーション

#D5F4CD #DAEED4 #DEE7DA #E2E1E1 #E5DAE7 #E9D4EE #ECCDF4

カラーミキシング

#D5F4CD

100%

#DCEBD7

75:25

#E2E1E1

50:50

#E7D7EA

25:75

#ECCDF4

100%

CSSグラデーションコード

background: linear-gradient(to right, #D5F4CD, #ECCDF4);
background: linear-gradient(135deg, #D5F4CD, #ECCDF4);

各色を詳しく見る

#D5F4CD

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

#ECCDF4

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

関連する比較