#CAD1DC

#CAD1DC

#DCD5CA

#DCD5CA

コントラスト比

1.05:1

Delta E

12.7

Noticeable

50:50 ミックス

#D3D3D3

カラー値

フォーマット #CAD1DC #DCD5CA
HEX #CAD1DC #DCD5CA
RGB 202, 209, 220 220, 213, 202
HSL 216.7, 20.5%, 82.7% 36.7, 20.5%, 82.7%
HSV 216.7, 8.2%, 86.3% 36.7, 8.2%, 86.3%
CMYK 8.2%, 5.0%, 0.0%, 13.7% 0.0%, 3.2%, 8.2%, 13.7%
OKLCH 0.8586 0.017 259.4 0.8756 0.0168 79.3

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCD5CA → 背景色: #CAD1DC

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

テキスト: #CAD1DC → 背景色: #DCD5CA

色差 (Delta E)

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

グラデーション

#CAD1DC #CDD2D9 #D0D2D6 #D3D3D3 #D6D4D0 #D9D4CD #DCD5CA

カラーミキシング

#CAD1DC

100%

#CFD2D8

75:25

#D3D3D3

50:50

#D8D4CF

25:75

#DCD5CA

100%

CSSグラデーションコード

background: linear-gradient(to right, #CAD1DC, #DCD5CA);
background: linear-gradient(135deg, #CAD1DC, #DCD5CA);

各色を詳しく見る

#CAD1DC

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

#DCD5CA

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

関連する比較