#ABD5BF

#ABD5BF

#D5ABC1

#D5ABC1

对比度

1.25:1

Delta E

39.55

Very Different

50:50 混合

#C2C1C0

颜色值

格式 #ABD5BF #D5ABC1
HEX #ABD5BF #D5ABC1
RGB 171, 213, 191 213, 171, 193
HSL 148.6, 33.3%, 75.3% 328.6, 33.3%, 75.3%
HSV 148.6, 19.7%, 83.5% 328.6, 19.7%, 83.5%
CMYK 19.7%, 0.0%, 10.3%, 16.5% 0.0%, 19.7%, 9.4%, 16.5%
OKLCH 0.8368 0.0538 162.2 0.7854 0.0568 345.7

对比度与无障碍

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D5ABC1 → 背景色: #ABD5BF

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

文本: #ABD5BF → 背景色: #D5ABC1

色差 (Delta E)

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

渐变

#ABD5BF #B3CEBF #BBC8C0 #C2C1C0 #C9BAC0 #CFB2C1 #D5ABC1

颜色混合

#ABD5BF

100%

#B7CBC0

75:25

#C2C1C0

50:50

#CCB6C1

25:75

#D5ABC1

100%

CSS渐变代码

background: linear-gradient(to right, #ABD5BF, #D5ABC1);
background: linear-gradient(135deg, #ABD5BF, #D5ABC1);

探索每种颜色

#ABD5BF

查看完整颜色详情

#D5ABC1

查看完整颜色详情

相关比较