#C4CCC2

#C4CCC2

#CAC2CC

#CAC2CC

对比度

1.05:1

Delta E

12.34

Noticeable

50:50 混合

#C7C7C7

颜色值

格式 #C4CCC2 #CAC2CC
HEX #C4CCC2 #CAC2CC
RGB 196, 204, 194 202, 194, 204
HSL 108.0, 8.9%, 78.0% 288.0, 8.9%, 78.0%
HSV 108.0, 4.9%, 80.0% 288.0, 4.9%, 80.0%
CMYK 3.9%, 0.0%, 4.9%, 20.0% 1.0%, 4.9%, 0.0%, 20.0%
OKLCH 0.8362 0.0162 139.4 0.8235 0.0163 319.4

对比度与无障碍

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

文本可读性

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

文本: #CAC2CC → 背景色: #C4CCC2

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

文本: #C4CCC2 → 背景色: #CAC2CC

色差 (Delta E)

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

渐变

#C4CCC2 #C5CAC4 #C6C9C5 #C7C7C7 #C8C5C9 #C9C4CA #CAC2CC

颜色混合

#C4CCC2

100%

#C6CAC5

75:25

#C7C7C7

50:50

#C9C5CA

25:75

#CAC2CC

100%

CSS渐变代码

background: linear-gradient(to right, #C4CCC2, #CAC2CC);
background: linear-gradient(135deg, #C4CCC2, #CAC2CC);

探索每种颜色

#C4CCC2

查看完整颜色详情

#CAC2CC

查看完整颜色详情

相关比较