#024457

#024457

#571502

#571502

Contrast Ratio

1.3:1

Delta E

59.76

Very Different

50:50 Mix

#45302E

Color Values

Format #024457 #571502
HEX #024457 #571502
RGB 2, 68, 87 87, 21, 2
HSL 193.4, 95.5%, 17.5% 13.4, 95.5%, 17.5%
HSV 193.4, 97.7%, 34.1% 13.4, 97.7%, 34.1%
CMYK 97.7%, 21.8%, 0.0%, 65.9% 0.0%, 75.9%, 97.7%, 65.9%
OKLCH 0.3597 0.0668 224.4 0.3062 0.1008 36.4

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #571502 → Background: #024457

The quick brown fox jumps over the lazy dog

Text: #024457 → Background: #571502

Color Difference (Delta E)

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

Gradient

#024457 #2A3E49 #3A373B #45302E #4D2821 #522014 #571502

Color Mixing

#024457

100%

#333A42

75:25

#45302E

50:50

#50241A

25:75

#571502

100%

CSS Gradient Code

background: linear-gradient(to right, #024457, #571502);
background: linear-gradient(135deg, #024457, #571502);

Explore Each Color

#024457

View full color details

#571502

View full color details

Related Comparisons