#4877CC

#4877CC

#CC9D48

#CC9D48

Contrast Ratio

1.77:1

Delta E

100.36

Very Different

50:50 Mix

#A0888E

Color Values

Format #4877CC #CC9D48
HEX #4877CC #CC9D48
RGB 72, 119, 204 204, 157, 72
HSL 218.6, 56.4%, 54.1% 38.6, 56.4%, 54.1%
HSV 218.6, 64.7%, 80.0% 38.6, 64.7%, 80.0%
CMYK 64.7%, 41.7%, 0.0%, 20.0% 0.0%, 23.0%, 64.7%, 20.0%
OKLCH 0.5777 0.1409 261.3 0.7238 0.1163 79.9

Contrast & Accessibility

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC9D48 → Background: #4877CC

The quick brown fox jumps over the lazy dog

Text: #4877CC → Background: #CC9D48

Color Difference (Delta E)

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

Gradient

#4877CC #717CB7 #8C82A3 #A0888E #B18F78 #BF9661 #CC9D48

Color Mixing

#4877CC

100%

#7F7FAD

75:25

#A0888E

50:50

#B8926D

25:75

#CC9D48

100%

CSS Gradient Code

background: linear-gradient(to right, #4877CC, #CC9D48);
background: linear-gradient(135deg, #4877CC, #CC9D48);

Explore Each Color

#4877CC

View full color details

#CC9D48

View full color details

Related Comparisons