#CCD2DA

#CCD2DA

#DAD4CC

#DAD4CC

コントラスト比

1.03:1

Delta E

9.48

Noticeable

50:50 ミックス

#D3D3D3

カラー値

フォーマット #CCD2DA #DAD4CC
HEX #CCD2DA #DAD4CC
RGB 204, 210, 218 218, 212, 204
HSL 214.3, 15.9%, 82.7% 34.3, 15.9%, 82.7%
HSV 214.3, 6.4%, 85.5% 34.3, 6.4%, 85.5%
CMYK 6.4%, 3.7%, 0.0%, 14.5% 0.0%, 2.8%, 6.4%, 14.5%
OKLCH 0.8615 0.0129 255.5 0.8725 0.0128 75.4

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

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DAD4CC → 背景色: #CCD2DA

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

テキスト: #CCD2DA → 背景色: #DAD4CC

色差 (Delta E)

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

グラデーション

#CCD2DA #CED2D8 #D1D3D5 #D3D3D3 #D6D3D1 #D8D4CE #DAD4CC

カラーミキシング

#CCD2DA

100%

#D0D2D7

75:25

#D3D3D3

50:50

#D7D4D0

25:75

#DAD4CC

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCD2DA, #DAD4CC);
background: linear-gradient(135deg, #CCD2DA, #DAD4CC);

各色を詳しく見る

#CCD2DA

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

#DAD4CC

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

関連する比較