#ACCCC2

#ACCCC2

#CCACB6

#CCACB6

对比度

1.2:1

Delta E

26.71

Very Different

50:50 混合

#BDBCBC

颜色值

格式 #ACCCC2 #CCACB6
HEX #ACCCC2 #CCACB6
RGB 172, 204, 194 204, 172, 182
HSL 161.2, 23.9%, 73.7% 341.2, 23.9%, 73.7%
HSV 161.2, 15.7%, 80.0% 341.2, 15.7%, 80.0%
CMYK 15.7%, 0.0%, 4.9%, 20.0% 0.0%, 15.7%, 10.8%, 20.0%
OKLCH 0.8188 0.037 174.5 0.7754 0.0394 357.3

对比度与无障碍

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCACB6 → 背景色: #ACCCC2

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

文本: #ACCCC2 → 背景色: #CCACB6

色差 (Delta E)

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

渐变

#ACCCC2 #B2C7C0 #B8C2BE #BDBCBC #C3B7BA #C7B2B8 #CCACB6

颜色混合

#ACCCC2

100%

#B5C4BF

75:25

#BDBCBC

50:50

#C5B4B9

25:75

#CCACB6

100%

CSS渐变代码

background: linear-gradient(to right, #ACCCC2, #CCACB6);
background: linear-gradient(135deg, #ACCCC2, #CCACB6);

探索每种颜色

#ACCCC2

查看完整颜色详情

#CCACB6

查看完整颜色详情

相关比较