#034FC9

#034FC9

#C97D03

#C97D03

Contrast Ratio

2.16:1

Delta E

135.15

Very Different

50:50 Mix

Color Values

Format #034FC9 #C97D03
HEX #034FC9 #C97D03
RGB 3, 79, 201 201, 125, 3
HSL 217.0, 97.1%, 40.0% 37.0, 97.1%, 40.0%
HSV 217.0, 98.5%, 78.8% 37.0, 98.5%, 78.8%
CMYK 98.5%, 60.7%, 0.0%, 21.2% 0.0%, 37.8%, 98.5%, 21.2%
OKLCH 0.4719 0.2006 261.0 0.6552 0.1433 67.9

Contrast & Accessibility

2.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C97D03 β†’ Background: #034FC9

The quick brown fox jumps over the lazy dog

Text: #034FC9 β†’ Background: #C97D03

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #034FC9, #C97D03);
background: linear-gradient(135deg, #034FC9, #C97D03);

Explore Each Color

Related Comparisons