#CCD3D0

#CCD3D0

#D3CCCF

#D3CCCF

コントラスト比

1.04:1

Delta E

6.15

Noticeable

50:50 ミックス

#D0D0D0

カラー値

フォーマット #CCD3D0 #D3CCCF
HEX #CCD3D0 #D3CCCF
RGB 204, 211, 208 211, 204, 207
HSL 154.3, 7.4%, 81.4% 334.3, 7.4%, 81.4%
HSV 154.3, 3.3%, 82.7% 334.3, 3.3%, 82.7%
CMYK 3.3%, 0.0%, 1.4%, 17.3% 0.0%, 3.3%, 1.9%, 17.3%
OKLCH 0.8606 0.0086 168.7 0.8517 0.0087 349.3

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D3CCCF → 背景色: #CCD3D0

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

テキスト: #CCD3D0 → 背景色: #D3CCCF

色差 (Delta E)

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

グラデーション

#CCD3D0 #CDD2D0 #CED1D0 #D0D0D0 #D1CECF #D2CDCF #D3CCCF

カラーミキシング

#CCD3D0

100%

#CED1D0

75:25

#D0D0D0

50:50

#D1CECF

25:75

#D3CCCF

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCD3D0, #D3CCCF);
background: linear-gradient(135deg, #CCD3D0, #D3CCCF);

各色を詳しく見る

#CCD3D0

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

#D3CCCF

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

関連する比較