#548CCC

#548CCC

#CC9454

#CC9454

Contrast Ratio

1.32:1

Delta E

81.85

Very Different

50:50 Mix

#A28F91

Color Values

Format #548CCC #CC9454
HEX #548CCC #CC9454
RGB 84, 140, 204 204, 148, 84
HSL 212.0, 54.1%, 56.5% 32.0, 54.1%, 56.5%
HSV 212.0, 58.8%, 80.0% 32.0, 58.8%, 80.0%
CMYK 58.8%, 31.4%, 0.0%, 20.0% 0.0%, 27.5%, 58.8%, 20.0%
OKLCH 0.6295 0.1139 252.9 0.7077 0.1055 68.4

Contrast & Accessibility

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC9454 → Background: #548CCC

The quick brown fox jumps over the lazy dog

Text: #548CCC → Background: #CC9454

Color Difference (Delta E)

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

Gradient

#548CCC #778DB8 #8F8EA5 #A28F91 #B2917E #C09269 #CC9454

Color Mixing

#548CCC

100%

#848EAF

75:25

#A28F91

50:50

#B99274

25:75

#CC9454

100%

CSS Gradient Code

background: linear-gradient(to right, #548CCC, #CC9454);
background: linear-gradient(135deg, #548CCC, #CC9454);

Explore Each Color

#548CCC

View full color details

#CC9454

View full color details

Related Comparisons