#CCDAD3

#CCDAD3

#DACCD3

#DACCD3

コントラスト比

1.07:1

Delta E

12.84

Noticeable

50:50 ミックス

#D3D3D3

カラー値

フォーマット #CCDAD3 #DACCD3
HEX #CCDAD3 #DACCD3
RGB 204, 218, 211 218, 204, 211
HSL 150.0, 15.9%, 82.7% 330.0, 15.9%, 82.7%
HSV 150.0, 6.4%, 85.5% 330.0, 6.4%, 85.5%
CMYK 6.4%, 0.0%, 3.2%, 14.5% 0.0%, 6.4%, 3.2%, 14.5%
OKLCH 0.8758 0.0178 164.6 0.8586 0.0181 345.7

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

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DACCD3 → 背景色: #CCDAD3

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

テキスト: #CCDAD3 → 背景色: #DACCD3

色差 (Delta E)

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

グラデーション

#CCDAD3 #CED8D3 #D1D5D3 #D3D3D3 #D6D1D3 #D8CED3 #DACCD3

カラーミキシング

#CCDAD3

100%

#D0D7D3

75:25

#D3D3D3

50:50

#D7D0D3

25:75

#DACCD3

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCDAD3, #DACCD3);
background: linear-gradient(135deg, #CCDAD3, #DACCD3);

各色を詳しく見る

#CCDAD3

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

#DACCD3

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

関連する比較