#024D58

#024D58

#580D02

#580D02

Contrast Ratio

1.5:1

Delta E

63.04

Very Different

50:50 Mix

#47332E

Color Values

Format #024D58 #580D02
HEX #024D58 #580D02
RGB 2, 77, 88 88, 13, 2
HSL 187.7, 95.6%, 17.6% 7.7, 95.6%, 17.6%
HSV 187.7, 97.7%, 34.5% 7.7, 97.7%, 34.5%
CMYK 97.7%, 12.5%, 0.0%, 65.5% 0.0%, 85.2%, 97.7%, 65.5%
OKLCH 0.3857 0.0662 211.3 0.2998 0.1087 32.4

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #580D02 → Background: #024D58

The quick brown fox jumps over the lazy dog

Text: #024D58 → Background: #580D02

Color Difference (Delta E)

63.04 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#024D58 #2D454A #3D3C3C #47332E #4F2921 #541D14 #580D02

Color Mixing

#024D58

100%

#364043

75:25

#47332E

50:50

#52231A

25:75

#580D02

100%

CSS Gradient Code

background: linear-gradient(to right, #024D58, #580D02);
background: linear-gradient(135deg, #024D58, #580D02);

Explore Each Color

#024D58

View full color details

#580D02

View full color details

Related Comparisons