#33A2CC

#33A2CC

#CC5D33

#CC5D33

Contrast Ratio

1.39:1

Delta E

95.19

Very Different

50:50 Mix

#A4837F

Color Values

Format #33A2CC #CC5D33
HEX #33A2CC #CC5D33
RGB 51, 162, 204 204, 93, 51
HSL 196.5, 60.0%, 50.0% 16.5, 60.0%, 50.0%
HSV 196.5, 75.0%, 80.0% 16.5, 75.0%, 80.0%
CMYK 75.0%, 20.6%, 0.0%, 20.0% 0.0%, 54.4%, 75.0%, 20.0%
OKLCH 0.6689 0.1146 228.0 0.6091 0.152 40.3

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC5D33 → Background: #33A2CC

The quick brown fox jumps over the lazy dog

Text: #33A2CC → Background: #CC5D33

Color Difference (Delta E)

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

Gradient

#33A2CC #7098B2 #8F8E98 #A4837F #B57766 #C16B4D #CC5D33

Color Mixing

#33A2CC

100%

#8193A5

75:25

#A4837F

50:50

#BB7159

25:75

#CC5D33

100%

CSS Gradient Code

background: linear-gradient(to right, #33A2CC, #CC5D33);
background: linear-gradient(135deg, #33A2CC, #CC5D33);

Explore Each Color

#33A2CC

View full color details

#CC5D33

View full color details

Related Comparisons