#ABC89F

#ABC89F

#BC9FC8

#BC9FC8

对比度

1.29:1

Delta E

50.1

Very Different

50:50 混合

#B5B4B4

颜色值

格式 #ABC89F #BC9FC8
HEX #ABC89F #BC9FC8
RGB 171, 200, 159 188, 159, 200
HSL 102.4, 27.2%, 70.4% 282.4, 27.2%, 70.4%
HSV 102.4, 20.5%, 78.4% 282.4, 20.5%, 78.4%
CMYK 14.5%, 0.0%, 20.5%, 21.6% 6.0%, 20.5%, 0.0%, 21.6%
OKLCH 0.8003 0.0646 136.6 0.7417 0.0662 316.0

对比度与无障碍

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BC9FC8 → 背景色: #ABC89F

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

文本: #ABC89F → 背景色: #BC9FC8

色差 (Delta E)

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

渐变

#ABC89F #AFC1A6 #B2BBAD #B5B4B4 #B8ADBB #BAA6C1 #BC9FC8

颜色混合

#ABC89F

100%

#B1BEAA

75:25

#B5B4B4

50:50

#B9AABE

25:75

#BC9FC8

100%

CSS渐变代码

background: linear-gradient(to right, #ABC89F, #BC9FC8);
background: linear-gradient(135deg, #ABC89F, #BC9FC8);

探索每种颜色

#ABC89F

查看完整颜色详情

#BC9FC8

查看完整颜色详情

相关比较