#CCDCD6

#CCDCD6

#DCCCD2

#DCCCD2

对比度

1.09:1

Delta E

13.55

Noticeable

50:50 混合

#D4D4D4

颜色值

格式 #CCDCD6 #DCCCD2
HEX #CCDCD6 #DCCCD2
RGB 204, 220, 214 220, 204, 210
HSL 157.5, 18.6%, 83.1% 337.5, 18.6%, 83.1%
HSV 157.5, 7.3%, 86.3% 337.5, 7.3%, 86.3%
CMYK 7.3%, 0.0%, 2.7%, 13.7% 0.0%, 7.3%, 4.5%, 13.7%
OKLCH 0.8807 0.019 171.4 0.86 0.0195 352.7

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #DCCCD2 → 背景色: #CCDCD6

敏捷的棕色狐狸跳过了懒狗

文本: #CCDCD6 → 背景色: #DCCCD2

色差 (Delta E)

13.55 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#CCDCD6 #CFD9D5 #D2D7D5 #D4D4D4 #D7D1D3 #D9CFD3 #DCCCD2

颜色混合

#CCDCD6

100%

#D0D8D5

75:25

#D4D4D4

50:50

#D8D0D3

25:75

#DCCCD2

100%

CSS渐变代码

background: linear-gradient(to right, #CCDCD6, #DCCCD2);
background: linear-gradient(135deg, #CCDCD6, #DCCCD2);

探索每种颜色

#CCDCD6

查看完整颜色详情

#DCCCD2

查看完整颜色详情

相关比较