#024B58

#024B58

#580F02

#580F02

Contrast Ratio

1.45:1

Delta E

62.3

Very Different

50:50 Mix

#47322E

Color Values

Format #024B58 #580F02
HEX #024B58 #580F02
RGB 2, 75, 88 88, 15, 2
HSL 189.1, 95.6%, 17.6% 9.1, 95.6%, 17.6%
HSV 189.1, 97.7%, 34.5% 9.1, 97.7%, 34.5%
CMYK 97.7%, 14.8%, 0.0%, 65.5% 0.0%, 83.0%, 97.7%, 65.5%
OKLCH 0.3801 0.0662 214.5 0.3016 0.1072 33.2

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #580F02 → Background: #024B58

The quick brown fox jumps over the lazy dog

Text: #024B58 → Background: #580F02

Color Difference (Delta E)

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

Gradient

#024B58 #2C434A #3D3B3C #47322E #4E2921 #541E14 #580F02

Color Mixing

#024B58

100%

#353F43

75:25

#47322E

50:50

#51241A

25:75

#580F02

100%

CSS Gradient Code

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

Explore Each Color

#024B58

View full color details

#580F02

View full color details

Related Comparisons