#C4DFE2

#C4DFE2

#E2C7C4

#E2C7C4

コントラスト比

1.14:1

Delta E

20.25

Noticeable

50:50 ミックス

#D4D3D3

カラー値

フォーマット #C4DFE2 #E2C7C4
HEX #C4DFE2 #E2C7C4
RGB 196, 223, 226 226, 199, 196
HSL 186.0, 34.1%, 82.7% 6.0, 34.1%, 82.7%
HSV 186.0, 13.3%, 88.6% 6.0, 13.3%, 88.6%
CMYK 13.3%, 1.3%, 0.0%, 11.4% 0.0%, 11.9%, 13.3%, 11.4%
OKLCH 0.8848 0.0289 204.8 0.8515 0.0309 25.3

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #E2C7C4 → 背景色: #C4DFE2

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

テキスト: #C4DFE2 → 背景色: #E2C7C4

色差 (Delta E)

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

グラデーション

#C4DFE2 #CADBDD #CFD7D8 #D4D3D3 #D9CFCE #DECBC9 #E2C7C4

カラーミキシング

#C4DFE2

100%

#CDD9DA

75:25

#D4D3D3

50:50

#DBCDCB

25:75

#E2C7C4

100%

CSSグラデーションコード

background: linear-gradient(to right, #C4DFE2, #E2C7C4);
background: linear-gradient(135deg, #C4DFE2, #E2C7C4);

各色を詳しく見る

#C4DFE2

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

#E2C7C4

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

関連する比較