#153DCD

#153DCD

#CDA515

#CDA515

对比度

3.48:1

Delta E

156.06

Very Different

50:50 混合

#9E6D82

颜色值

格式 #153DCD #CDA515
HEX #153DCD #CDA515
RGB 21, 61, 205 205, 165, 21
HSL 227.0, 81.4%, 44.3% 47.0, 81.4%, 44.3%
HSV 227.0, 89.8%, 80.4% 47.0, 89.8%, 80.4%
CMYK 89.8%, 70.2%, 0.0%, 19.6% 0.0%, 19.5%, 89.8%, 19.6%
OKLCH 0.4462 0.2237 265.1 0.7375 0.1468 90.7

对比度与无障碍

3.48:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CDA515 → 背景色: #153DCD

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

文本: #153DCD → 背景色: #CDA515

色差 (Delta E)

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

渐变

#153DCD #644BB4 #865B9B #9E6D82 #B17F67 #C09248 #CDA515

颜色混合

#153DCD

100%

#7753A8

75:25

#9E6D82

50:50

#B98858

25:75

#CDA515

100%

CSS渐变代码

background: linear-gradient(to right, #153DCD, #CDA515);
background: linear-gradient(135deg, #153DCD, #CDA515);

探索每种颜色

#153DCD

查看完整颜色详情

#CDA515

查看完整颜色详情

相关比较