#37BAB5

#37BAB5

#BA373C

#BA373C

对比度

2.39:1

Delta E

98.26

Very Different

50:50 混合

#9C8176

颜色值

格式 #37BAB5 #BA373C
HEX #37BAB5 #BA373C
RGB 55, 186, 181 186, 55, 60
HSL 177.7, 54.4%, 47.3% 357.7, 54.4%, 47.3%
HSV 177.7, 70.4%, 72.9% 357.7, 70.4%, 72.9%
CMYK 70.4%, 0.0%, 2.7%, 27.1% 0.0%, 70.4%, 67.7%, 27.1%
OKLCH 0.7191 0.1102 191.2 0.5333 0.1673 22.9

对比度与无障碍

2.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA373C → 背景色: #37BAB5

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

文本: #37BAB5 → 背景色: #BA373C

色差 (Delta E)

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

渐变

#37BAB5 #6DA89F #89958A #9C8176 #A96C62 #B3554F #BA373C

颜色混合

#37BAB5

100%

#7D9E95

75:25

#9C8176

50:50

#AF6158

25:75

#BA373C

100%

CSS渐变代码

background: linear-gradient(to right, #37BAB5, #BA373C);
background: linear-gradient(135deg, #37BAB5, #BA373C);

探索每种颜色

#37BAB5

查看完整颜色详情

#BA373C

查看完整颜色详情

相关比较