#6290BA

#6290BA

#BA8C62

#BA8C62

对比度

1.13:1

Delta E

58.33

Very Different

50:50 混合

#998E8E

颜色值

格式 #6290BA #BA8C62
HEX #6290BA #BA8C62
RGB 98, 144, 186 186, 140, 98
HSL 208.6, 38.9%, 55.7% 28.6, 38.9%, 55.7%
HSV 208.6, 47.3%, 72.9% 28.6, 47.3%, 72.9%
CMYK 47.3%, 22.6%, 0.0%, 27.1% 0.0%, 24.7%, 47.3%, 27.1%
OKLCH 0.637 0.0809 247.0 0.6746 0.08 63.2

对比度与无障碍

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA8C62 → 背景色: #6290BA

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

文本: #6290BA → 背景色: #BA8C62

色差 (Delta E)

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

渐变

#6290BA #798FAB #8A8F9D #998E8E #A58D80 #B08D71 #BA8C62

颜色混合

#6290BA

100%

#828FA4

75:25

#998E8E

50:50

#AB8D78

25:75

#BA8C62

100%

CSS渐变代码

background: linear-gradient(to right, #6290BA, #BA8C62);
background: linear-gradient(135deg, #6290BA, #BA8C62);

探索每种颜色

#6290BA

查看完整颜色详情

#BA8C62

查看完整颜色详情

相关比较