#2C104F

#2C104F

#334F10

#334F10

对比度

1.75:1

Delta E

84.3

Very Different

50:50 混合

#383234

颜色值

格式 #2C104F #334F10
HEX #2C104F #334F10
RGB 44, 16, 79 51, 79, 16
HSL 266.7, 66.3%, 18.6% 86.7, 66.3%, 18.6%
HSV 266.7, 79.7%, 31.0% 86.7, 79.7%, 31.0%
CMYK 44.3%, 79.7%, 0.0%, 69.0% 35.4%, 0.0%, 79.7%, 69.0%
OKLCH 0.2579 0.108 298.8 0.3913 0.0944 130.8

对比度与无障碍

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #334F10 → 背景色: #2C104F

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

文本: #2C104F → 背景色: #334F10

色差 (Delta E)

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

渐变

#2C104F #321C46 #36273D #383234 #383B2A #37451F #334F10

颜色混合

#2C104F

100%

#352242

75:25

#383234

50:50

#384025

25:75

#334F10

100%

CSS渐变代码

background: linear-gradient(to right, #2C104F, #334F10);
background: linear-gradient(135deg, #2C104F, #334F10);

探索每种颜色

#2C104F

查看完整颜色详情

#334F10

查看完整颜色详情

相关比较