#2473CF

#2473CF

#CF8024

#CF8024

对比度

1.53:1

Delta E

114.01

Very Different

50:50 混合

#A0787F

颜色值

格式 #2473CF #CF8024
HEX #2473CF #CF8024
RGB 36, 115, 207 207, 128, 36
HSL 212.3, 70.4%, 47.6% 32.3, 70.4%, 47.6%
HSV 212.3, 82.6%, 81.2% 32.3, 82.6%, 81.2%
CMYK 82.6%, 44.4%, 0.0%, 18.8% 0.0%, 38.2%, 82.6%, 18.8%
OKLCH 0.5581 0.1606 255.2 0.6694 0.1389 64.1

对比度与无障碍

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF8024 → 背景色: #2473CF

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

文本: #2473CF → 背景色: #CF8024

色差 (Delta E)

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

渐变

#2473CF #6874B4 #89769A #A0787F #B37A64 #C27D48 #CF8024

颜色混合

#2473CF

100%

#7A75A7

75:25

#A0787F

50:50

#BB7C56

25:75

#CF8024

100%

CSS渐变代码

background: linear-gradient(to right, #2473CF, #CF8024);
background: linear-gradient(135deg, #2473CF, #CF8024);

探索每种颜色

#2473CF

查看完整颜色详情

#CF8024

查看完整颜色详情

相关比较