#CCD2CF

#CCD2CF

#D2CCCF

#D2CCCF

对比度

1.03:1

Delta E

5.52

Noticeable

50:50 混合

#CFCFCF

颜色值

格式 #CCD2CF #D2CCCF
HEX #CCD2CF #D2CCCF
RGB 204, 210, 207 210, 204, 207
HSL 150.0, 6.2%, 81.2% 330.0, 6.2%, 81.2%
HSV 150.0, 2.9%, 82.4% 330.0, 2.9%, 82.4%
CMYK 2.9%, 0.0%, 1.4%, 17.6% 0.0%, 2.9%, 1.4%, 17.6%
OKLCH 0.8583 0.0077 164.9 0.8509 0.0078 345.4

对比度与无障碍

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

文本可读性

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

文本: #D2CCCF → 背景色: #CCD2CF

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

文本: #CCD2CF → 背景色: #D2CCCF

色差 (Delta E)

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

渐变

#CCD2CF #CDD1CF #CED0CF #CFCFCF #D0CECF #D1CDCF #D2CCCF

颜色混合

#CCD2CF

100%

#CED1CF

75:25

#CFCFCF

50:50

#D1CECF

25:75

#D2CCCF

100%

CSS渐变代码

background: linear-gradient(to right, #CCD2CF, #D2CCCF);
background: linear-gradient(135deg, #CCD2CF, #D2CCCF);

探索每种颜色

#CCD2CF

查看完整颜色详情

#D2CCCF

查看完整颜色详情

相关比较