#596DBB

#596DBB

#BBA759

#BBA759

对比度

2.03:1

Delta E

90.38

Very Different

50:50 混合

#97898D

颜色值

格式 #596DBB #BBA759
HEX #596DBB #BBA759
RGB 89, 109, 187 187, 167, 89
HSL 227.8, 41.9%, 54.1% 47.8, 41.9%, 54.1%
HSV 227.8, 52.4%, 73.3% 47.8, 52.4%, 73.3%
CMYK 52.4%, 41.7%, 0.0%, 26.7% 0.0%, 10.7%, 52.4%, 26.7%
OKLCH 0.5556 0.1234 271.1 0.7292 0.1013 95.3

对比度与无障碍

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BBA759 → 背景色: #596DBB

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

文本: #596DBB → 背景色: #BBA759

色差 (Delta E)

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

渐变

#596DBB #7376AC #877F9D #97898D #A4927D #B09D6C #BBA759

颜色混合

#596DBB

100%

#7D7AA4

75:25

#97898D

50:50

#AA9874

25:75

#BBA759

100%

CSS渐变代码

background: linear-gradient(to right, #596DBB, #BBA759);
background: linear-gradient(135deg, #596DBB, #BBA759);

探索每种颜色

#596DBB

查看完整颜色详情

#BBA759

查看完整颜色详情

相关比较