#556CCC

#556CCC

#CCB555

#CCB555

Contrast Ratio

2.34:1

Delta E

109.3

Very Different

50:50 Mix

#A28E95

Color Values

Format #556CCC #CCB555
HEX #556CCC #CCB555
RGB 85, 108, 204 204, 181, 85
HSL 228.4, 53.8%, 56.7% 48.4, 53.8%, 56.7%
HSV 228.4, 58.3%, 80.0% 48.4, 58.3%, 80.0%
CMYK 58.3%, 47.1%, 0.0%, 20.0% 0.0%, 11.3%, 58.3%, 20.0%
OKLCH 0.5616 0.15 270.8 0.7738 0.119 96.0

Contrast & Accessibility

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB555 → Background: #556CCC

The quick brown fox jumps over the lazy dog

Text: #556CCC → Background: #CCB555

Color Difference (Delta E)

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

Gradient

#556CCC #7777BA #8F82A8 #A28E95 #B29B82 #C0A86D #CCB555

Color Mixing

#556CCC

100%

#847DB1

75:25

#A28E95

50:50

#B9A177

25:75

#CCB555

100%

CSS Gradient Code

background: linear-gradient(to right, #556CCC, #CCB555);
background: linear-gradient(135deg, #556CCC, #CCB555);

Explore Each Color

#556CCC

View full color details

#CCB555

View full color details

Related Comparisons