#5097CC

#5097CC

#CC8550

#CC8550

Contrast Ratio

1.06:1

Delta E

78.66

Very Different

50:50 Mix

#A38E8F

Color Values

Format #5097CC #CC8550
HEX #5097CC #CC8550
RGB 80, 151, 204 204, 133, 80
HSL 205.6, 54.9%, 55.7% 25.6, 54.9%, 55.7%
HSV 205.6, 60.8%, 80.0% 25.6, 60.8%, 80.0%
CMYK 60.8%, 26.0%, 0.0%, 20.0% 0.0%, 34.8%, 60.8%, 20.0%
OKLCH 0.6526 0.107 243.0 0.6791 0.1114 56.3

Contrast & Accessibility

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC8550 → Background: #5097CC

The quick brown fox jumps over the lazy dog

Text: #5097CC → Background: #CC8550

Color Difference (Delta E)

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

Gradient

#5097CC #7694B7 #9091A3 #A38E8F #B38B7A #C08865 #CC8550

Color Mixing

#5097CC

100%

#8493AD

75:25

#A38E8F

50:50

#BA8A70

25:75

#CC8550

100%

CSS Gradient Code

background: linear-gradient(to right, #5097CC, #CC8550);
background: linear-gradient(135deg, #5097CC, #CC8550);

Explore Each Color

#5097CC

View full color details

#CC8550

View full color details

Related Comparisons