#558ACC

#558ACC

#CC9755

#CC9755

Contrast Ratio

1.38:1

Delta E

82.73

Very Different

50:50 Mix

#A29092

Color Values

Format #558ACC #CC9755
HEX #558ACC #CC9755
RGB 85, 138, 204 204, 151, 85
HSL 213.3, 53.8%, 56.7% 33.3, 53.8%, 56.7%
HSV 213.3, 58.3%, 80.0% 33.3, 58.3%, 80.0%
CMYK 58.3%, 32.4%, 0.0%, 20.0% 0.0%, 26.0%, 58.3%, 20.0%
OKLCH 0.6255 0.1153 254.7 0.7136 0.1049 70.8

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC9755 → Background: #558ACC

The quick brown fox jumps over the lazy dog

Text: #558ACC → Background: #CC9755

Color Difference (Delta E)

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

Gradient

#558ACC #788CB9 #908EA5 #A29092 #B2927F #C0946A #CC9755

Color Mixing

#558ACC

100%

#848DAF

75:25

#A29092

50:50

#B99375

25:75

#CC9755

100%

CSS Gradient Code

background: linear-gradient(to right, #558ACC, #CC9755);
background: linear-gradient(135deg, #558ACC, #CC9755);

Explore Each Color

#558ACC

View full color details

#CC9755

View full color details

Related Comparisons