#9DCEB0

#9DCEB0

#CE9DBB

#CE9DBB

对比度

1.3:1

Delta E

49.33

Very Different

50:50 混合

#B8B7B6

颜色值

格式 #9DCEB0 #CE9DBB
HEX #9DCEB0 #CE9DBB
RGB 157, 206, 176 206, 157, 187
HSL 143.3, 33.3%, 71.2% 323.3, 33.3%, 71.2%
HSV 143.3, 23.8%, 80.8% 323.3, 23.8%, 80.8%
CMYK 23.8%, 0.0%, 14.6%, 19.2% 0.0%, 23.8%, 9.2%, 19.2%
OKLCH 0.8085 0.0665 157.7 0.7507 0.0703 341.6

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CE9DBB → 背景色: #9DCEB0

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

文本: #9DCEB0 → 背景色: #CE9DBB

色差 (Delta E)

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

渐变

#9DCEB0 #A7C6B2 #B0BFB4 #B8B7B6 #C0AEB7 #C7A6B9 #CE9DBB

颜色混合

#9DCEB0

100%

#ACC3B3

75:25

#B8B7B6

50:50

#C4AAB8

25:75

#CE9DBB

100%

CSS渐变代码

background: linear-gradient(to right, #9DCEB0, #CE9DBB);
background: linear-gradient(135deg, #9DCEB0, #CE9DBB);

探索每种颜色

#9DCEB0

查看完整颜色详情

#CE9DBB

查看完整颜色详情

相关比较