#03345D

#03345D

#5D2C03

#5D2C03

Contrast Ratio

1.11:1

Delta E

64.18

Very Different

50:50 Mix

#473033

Color Values

Format #03345D #5D2C03
HEX #03345D #5D2C03
RGB 3, 52, 93 93, 44, 3
HSL 207.3, 93.7%, 18.8% 27.3, 93.7%, 18.8%
HSV 207.3, 96.8%, 36.5% 27.3, 96.8%, 36.5%
CMYK 96.8%, 44.1%, 0.0%, 63.5% 0.0%, 52.7%, 96.8%, 63.5%
OKLCH 0.3197 0.0875 250.0 0.3531 0.0866 53.4

Contrast & Accessibility

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #5D2C03 → Background: #03345D

The quick brown fox jumps over the lazy dog

Text: #03345D → Background: #5D2C03

Color Difference (Delta E)

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

Gradient

#03345D #2B334F #3B3141 #473033 #502F25 #572D16 #5D2C03

Color Mixing

#03345D

100%

#343248

75:25

#473033

50:50

#532E1E

25:75

#5D2C03

100%

CSS Gradient Code

background: linear-gradient(to right, #03345D, #5D2C03);
background: linear-gradient(135deg, #03345D, #5D2C03);

Explore Each Color

#03345D

View full color details

#5D2C03

View full color details

Related Comparisons