#003F8F

#003F8F

#8F5000

#8F5000

Contrast Ratio

1.57:1

Delta E

99.53

Very Different

50:50 Mix

Color Values

Format #003F8F #8F5000
HEX #003F8F #8F5000
RGB 0, 63, 143 143, 80, 0
HSL 213.6, 100.0%, 28.0% 33.6, 100.0%, 28.0%
HSV 213.6, 100.0%, 56.1% 33.6, 100.0%, 56.1%
CMYK 100.0%, 55.9%, 0.0%, 43.9% 0.0%, 44.1%, 100.0%, 43.9%
OKLCH 0.3865 0.1446 258.2 0.4954 0.1144 61.6

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #8F5000 β†’ Background: #003F8F

The quick brown fox jumps over the lazy dog

Text: #003F8F β†’ Background: #8F5000

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #003F8F, #8F5000);
background: linear-gradient(135deg, #003F8F, #8F5000);

Explore Each Color

Related Comparisons