#35A9BA

#35A9BA

#BA4635

#BA4635

对比度

1.88:1

Delta E

90.93

Very Different

50:50 混合

#9A7D75

颜色值

格式 #35A9BA #BA4635
HEX #35A9BA #BA4635
RGB 53, 169, 186 186, 70, 53
HSL 187.7, 55.6%, 46.9% 7.7, 55.6%, 46.9%
HSV 187.7, 71.5%, 72.9% 7.7, 71.5%, 72.9%
CMYK 71.5%, 9.1%, 0.0%, 27.1% 0.0%, 62.4%, 71.5%, 27.1%
OKLCH 0.6786 0.1028 209.2 0.5497 0.1534 30.9

对比度与无障碍

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA4635 → 背景色: #35A9BA

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

文本: #35A9BA → 背景色: #BA4635

色差 (Delta E)

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

渐变

#35A9BA #6B9BA3 #878C8C #9A7D75 #A76D60 #B25B4A #BA4635

颜色混合

#35A9BA

100%

#7A9497

75:25

#9A7D75

50:50

#AD6455

25:75

#BA4635

100%

CSS渐变代码

background: linear-gradient(to right, #35A9BA, #BA4635);
background: linear-gradient(135deg, #35A9BA, #BA4635);

探索每种颜色

#35A9BA

查看完整颜色详情

#BA4635

查看完整颜色详情

相关比较