#02244F

#02244F

#4F2D02

#4F2D02

Contrast Ratio

1.25:1

Delta E

60.99

Very Different

50:50 Mix

Color Values

Format #02244F #4F2D02
HEX #02244F #4F2D02
RGB 2, 36, 79 79, 45, 2
HSL 213.5, 95.1%, 15.9% 33.5, 95.1%, 15.9%
HSV 213.5, 97.5%, 31.0% 33.5, 97.5%, 31.0%
CMYK 97.5%, 54.4%, 0.0%, 69.0% 0.0%, 43.0%, 97.5%, 69.0%
OKLCH 0.2662 0.0881 256.4 0.3329 0.0727 65.4

Contrast & Accessibility

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #4F2D02 β†’ Background: #02244F

The quick brown fox jumps over the lazy dog

Text: #02244F β†’ Background: #4F2D02

Color Difference (Delta E)

60.99 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #02244F, #4F2D02);
background: linear-gradient(135deg, #02244F, #4F2D02);

Explore Each Color

Related Comparisons