#9DCCAE

#9DCCAE

#CC9DBB

#CC9DBB

对比度

1.28:1

Delta E

48.27

Very Different

50:50 混合

#B7B6B5

颜色值

格式 #9DCCAE #CC9DBB
HEX #9DCCAE #CC9DBB
RGB 157, 204, 174 204, 157, 187
HSL 141.7, 31.5%, 70.8% 321.7, 31.5%, 70.8%
HSV 141.7, 23.0%, 80.0% 321.7, 23.0%, 80.0%
CMYK 23.0%, 0.0%, 14.7%, 20.0% 0.0%, 23.0%, 8.3%, 20.0%
OKLCH 0.8036 0.065 156.6 0.7487 0.0685 340.3

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CC9DBB → 背景色: #9DCCAE

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

文本: #9DCCAE → 背景色: #CC9DBB

色差 (Delta E)

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

渐变

#9DCCAE #A7C5B0 #AFBDB3 #B7B6B5 #BFAEB7 #C6A5B9 #CC9DBB

颜色混合

#9DCCAE

100%

#ABC1B1

75:25

#B7B6B5

50:50

#C2AAB8

25:75

#CC9DBB

100%

CSS渐变代码

background: linear-gradient(to right, #9DCCAE, #CC9DBB);
background: linear-gradient(135deg, #9DCCAE, #CC9DBB);

探索每种颜色

#9DCCAE

查看完整颜色详情

#CC9DBB

查看完整颜色详情

相关比较