#577CDB

#577CDB

#DBB657

#DBB657

对比度

2.04:1

Delta E

108.09

Very Different

50:50 混合

#AD979D

颜色值

格式 #577CDB #DBB657
HEX #577CDB #DBB657
RGB 87, 124, 219 219, 182, 87
HSL 223.2, 64.7%, 60.0% 43.2, 64.7%, 60.0%
HSV 223.2, 60.3%, 85.9% 43.2, 60.3%, 85.9%
CMYK 60.3%, 43.4%, 0.0%, 14.1% 0.0%, 16.9%, 60.3%, 14.1%
OKLCH 0.6051 0.1503 266.0 0.7905 0.1212 88.1

对比度与无障碍

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB657 → 背景色: #577CDB

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

文本: #577CDB → 背景色: #DBB657

色差 (Delta E)

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

渐变

#577CDB #7E84C7 #988EB2 #AD979D #BFA187 #CEAB71 #DBB657

颜色混合

#577CDB

100%

#8C89BC

75:25

#AD979D

50:50

#C6A67C

25:75

#DBB657

100%

CSS渐变代码

background: linear-gradient(to right, #577CDB, #DBB657);
background: linear-gradient(135deg, #577CDB, #DBB657);

探索每种颜色

#577CDB

查看完整颜色详情

#DBB657

查看完整颜色详情

相关比较