#9DCCBE

#9DCCBE

#CC9DAB

#CC9DAB

对比度

1.32:1

Delta E

39.03

Very Different

50:50 混合

#B8B5B4

颜色值

格式 #9DCCBE #CC9DAB
HEX #9DCCBE #CC9DAB
RGB 157, 204, 190 204, 157, 171
HSL 162.1, 31.5%, 70.8% 342.1, 31.5%, 70.8%
HSV 162.1, 23.0%, 80.0% 342.1, 23.0%, 80.0%
CMYK 23.0%, 0.0%, 6.9%, 20.0% 0.0%, 23.0%, 16.2%, 20.0%
OKLCH 0.8079 0.0531 174.7 0.7437 0.0587 359.0

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CC9DAB → 背景色: #9DCCBE

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

文本: #9DCCBE → 背景色: #CC9DAB

色差 (Delta E)

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

渐变

#9DCCBE #A7C5BB #B0BDB8 #B8B5B4 #BFADB1 #C6A5AE #CC9DAB

颜色混合

#9DCCBE

100%

#ABC1B9

75:25

#B8B5B4

50:50

#C2A9B0

25:75

#CC9DAB

100%

CSS渐变代码

background: linear-gradient(to right, #9DCCBE, #CC9DAB);
background: linear-gradient(135deg, #9DCCBE, #CC9DAB);

探索每种颜色

#9DCCBE

查看完整颜色详情

#CC9DAB

查看完整颜色详情

相关比较