#C4E3AD

#C4E3AD

#CCADE3

#CCADE3

对比度

1.4:1

Delta E

62.7

Very Different

50:50 混合

#CAC8C9

颜色值

格式 #C4E3AD #CCADE3
HEX #C4E3AD #CCADE3
RGB 196, 227, 173 204, 173, 227
HSL 94.4, 49.1%, 78.4% 274.4, 49.1%, 78.4%
HSV 94.4, 23.8%, 89.0% 274.4, 23.8%, 89.0%
CMYK 13.7%, 0.0%, 23.8%, 11.0% 10.1%, 23.8%, 0.0%, 11.0%
OKLCH 0.8795 0.0793 132.2 0.7926 0.082 310.5

对比度与无障碍

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCADE3 → 背景色: #C4E3AD

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

文本: #C4E3AD → 背景色: #CCADE3

色差 (Delta E)

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

渐变

#C4E3AD #C7DAB6 #C9D1C0 #CAC8C9 #CBBFD2 #CCB6DA #CCADE3

颜色混合

#C4E3AD

100%

#C8D6BB

75:25

#CAC8C9

50:50

#CCBBD6

25:75

#CCADE3

100%

CSS渐变代码

background: linear-gradient(to right, #C4E3AD, #CCADE3);
background: linear-gradient(135deg, #C4E3AD, #CCADE3);

探索每种颜色

#C4E3AD

查看完整颜色详情

#CCADE3

查看完整颜色详情

相关比较