#CCECBD

#CCECBD

#DDBDEC

#DDBDEC

对比度

1.3:1

Delta E

55.32

Very Different

50:50 混合

#D6D5D5

颜色值

格式 #CCECBD #DDBDEC
HEX #CCECBD #DDBDEC
RGB 204, 236, 189 221, 189, 236
HSL 100.9, 55.3%, 83.3% 280.9, 55.3%, 83.3%
HSV 100.9, 19.9%, 92.5% 280.9, 19.9%, 92.5%
CMYK 13.6%, 0.0%, 19.9%, 7.5% 6.4%, 19.9%, 0.0%, 7.5%
OKLCH 0.9078 0.0711 135.7 0.8407 0.0729 315.0

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DDBDEC → 背景色: #CCECBD

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

文本: #CCECBD → 背景色: #DDBDEC

色差 (Delta E)

55.32 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#CCECBD #D0E4C5 #D3DDCD #D6D5D5 #D9CDDD #DBC5E4 #DDBDEC

颜色混合

#CCECBD

100%

#D2E1C9

75:25

#D6D5D5

50:50

#DAC9E1

25:75

#DDBDEC

100%

CSS渐变代码

background: linear-gradient(to right, #CCECBD, #DDBDEC);
background: linear-gradient(135deg, #CCECBD, #DDBDEC);

探索每种颜色

#CCECBD

查看完整颜色详情

#DDBDEC

查看完整颜色详情

相关比较