#D2E2EC

#D2E2EC

#ECDCD2

#ECDCD2

コントラスト比

1.01:1

Delta E

15.36

Noticeable

50:50 ミックス

#E0DFDF

カラー値

フォーマット #D2E2EC #ECDCD2
HEX #D2E2EC #ECDCD2
RGB 210, 226, 236 236, 220, 210
HSL 203.1, 40.6%, 87.5% 23.1, 40.6%, 87.5%
HSV 203.1, 11.0%, 92.5% 23.1, 11.0%, 92.5%
CMYK 11.0%, 4.2%, 0.0%, 7.5% 0.0%, 6.8%, 11.0%, 7.5%
OKLCH 0.9038 0.022 235.0 0.9046 0.0223 54.3

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

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECDCD2 → 背景色: #D2E2EC

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

テキスト: #D2E2EC → 背景色: #ECDCD2

色差 (Delta E)

15.36 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#D2E2EC #D7E1E8 #DBE0E3 #E0DFDF #E4DEDB #E8DDD6 #ECDCD2

カラーミキシング

#D2E2EC

100%

#D9E1E5

75:25

#E0DFDF

50:50

#E6DED8

25:75

#ECDCD2

100%

CSSグラデーションコード

background: linear-gradient(to right, #D2E2EC, #ECDCD2);
background: linear-gradient(135deg, #D2E2EC, #ECDCD2);

各色を詳しく見る

#D2E2EC

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

#ECDCD2

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

関連する比較