#C2C4CC

#C2C4CC

#CCCAC2

#CCCAC2

对比度

1.06:1

Delta E

8.85

Noticeable

50:50 混合

#C7C7C7

颜色值

格式 #C2C4CC #CCCAC2
HEX #C2C4CC #CCCAC2
RGB 194, 196, 204 204, 202, 194
HSL 228.0, 8.9%, 78.0% 48.0, 8.9%, 78.0%
HSV 228.0, 4.9%, 80.0% 48.0, 4.9%, 80.0%
CMYK 4.9%, 3.9%, 0.0%, 20.0% 0.0%, 1.0%, 4.9%, 20.0%
OKLCH 0.8211 0.0113 274.9 0.8383 0.0112 95.2

对比度与无障碍

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCCAC2 → 背景色: #C2C4CC

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

文本: #C2C4CC → 背景色: #CCCAC2

色差 (Delta E)

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

渐变

#C2C4CC #C4C5CA #C5C6C9 #C7C7C7 #C9C8C5 #CAC9C4 #CCCAC2

颜色混合

#C2C4CC

100%

#C5C5CA

75:25

#C7C7C7

50:50

#CAC8C5

25:75

#CCCAC2

100%

CSS渐变代码

background: linear-gradient(to right, #C2C4CC, #CCCAC2);
background: linear-gradient(135deg, #C2C4CC, #CCCAC2);

探索每种颜色

#C2C4CC

查看完整颜色详情

#CCCAC2

查看完整颜色详情

相关比较