#339AC4

#339AC4

#C45D33

#C45D33

Contrast Ratio

1.32:1

Delta E

90.66

Very Different

50:50 Mix

#9D7E7B

Color Values

Format #339AC4 #C45D33
HEX #339AC4 #C45D33
RGB 51, 154, 196 196, 93, 51
HSL 197.4, 58.7%, 48.4% 17.4, 58.7%, 48.4%
HSV 197.4, 74.0%, 76.9% 17.4, 74.0%, 76.9%
CMYK 74.0%, 21.4%, 0.0%, 23.1% 0.0%, 52.6%, 74.0%, 23.1%
OKLCH 0.6461 0.1108 229.6 0.5973 0.1434 41.6

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C45D33 → Background: #339AC4

The quick brown fox jumps over the lazy dog

Text: #339AC4 → Background: #C45D33

Color Difference (Delta E)

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

Gradient

#339AC4 #6B91AB #898893 #9D7E7B #AD7463 #BA694C #C45D33

Color Mixing

#339AC4

100%

#7B8C9F

75:25

#9D7E7B

50:50

#B46F57

25:75

#C45D33

100%

CSS Gradient Code

background: linear-gradient(to right, #339AC4, #C45D33);
background: linear-gradient(135deg, #339AC4, #C45D33);

Explore Each Color

#339AC4

View full color details

#C45D33

View full color details

Related Comparisons