#AAACCC

#AAACCC

#CCCAAA

#CCCAAA

对比度

1.33:1

Delta E

35.68

Very Different

50:50 混合

#BCBBBB

颜色值

格式 #AAACCC #CCCAAA
HEX #AAACCC #CCCAAA
RGB 170, 172, 204 204, 202, 170
HSL 236.5, 25.0%, 73.3% 56.5, 25.0%, 73.3%
HSV 236.5, 16.7%, 80.0% 56.5, 16.7%, 80.0%
CMYK 16.7%, 15.7%, 0.0%, 20.0% 0.0%, 1.0%, 16.7%, 20.0%
OKLCH 0.7535 0.0458 282.4 0.8322 0.0432 104.4

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCCAAA → 背景色: #AAACCC

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

文本: #AAACCC → 背景色: #CCCAAA

色差 (Delta E)

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

渐变

#AAACCC #B0B1C7 #B6B6C1 #BCBBBB #C2C0B6 #C7C5B0 #CCCAAA

颜色混合

#AAACCC

100%

#B3B3C4

75:25

#BCBBBB

50:50

#C4C2B3

25:75

#CCCAAA

100%

CSS渐变代码

background: linear-gradient(to right, #AAACCC, #CCCAAA);
background: linear-gradient(135deg, #AAACCC, #CCCAAA);

探索每种颜色

#AAACCC

查看完整颜色详情

#CCCAAA

查看完整颜色详情

相关比较