#7377CC

#7377CC

#CCC873

#CCC873

Contrast Ratio

2.3:1

Delta E

96.43

Very Different

50:50 Mix

#A99EA3

Color Values

Format #7377CC #CCC873
HEX #7377CC #CCC873
RGB 115, 119, 204 204, 200, 115
HSL 237.3, 46.6%, 62.5% 57.3, 46.6%, 62.5%
HSV 237.3, 43.6%, 80.0% 57.3, 43.6%, 80.0%
CMYK 43.6%, 41.7%, 0.0%, 20.0% 0.0%, 2.0%, 43.6%, 20.0%
OKLCH 0.604 0.1279 279.8 0.8175 0.1075 106.2

Contrast & Accessibility

2.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC873 → Background: #7377CC

The quick brown fox jumps over the lazy dog

Text: #7377CC → Background: #CCC873

Color Difference (Delta E)

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

Gradient

#7377CC #8984BF #9A91B1 #A99EA3 #B6AC94 #C2BA84 #CCC873

Color Mixing

#7377CC

100%

#928AB8

75:25

#A99EA3

50:50

#BCB38C

25:75

#CCC873

100%

CSS Gradient Code

background: linear-gradient(to right, #7377CC, #CCC873);
background: linear-gradient(135deg, #7377CC, #CCC873);

Explore Each Color

#7377CC

View full color details

#CCC873

View full color details

Related Comparisons