#64ABCC

#64ABCC

#CC8564

#CC8564

Contrast Ratio

1.16:1

Delta E

64.45

Very Different

50:50 Mix

Color Values

Format #64ABCC #CC8564
HEX #64ABCC #CC8564
RGB 100, 171, 204 204, 133, 100
HSL 199.0, 50.5%, 59.6% 19.0, 50.5%, 59.6%
HSV 199.0, 51.0%, 80.0% 19.0, 51.0%, 80.0%
CMYK 51.0%, 16.2%, 0.0%, 20.0% 0.0%, 34.8%, 51.0%, 20.0%
OKLCH 0.7072 0.0862 229.7 0.6823 0.0993 45.6

Contrast & Accessibility

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CC8564 → Background: #64ABCC

The quick brown fox jumps over the lazy dog

Text: #64ABCC → Background: #CC8564

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #64ABCC, #CC8564);
background: linear-gradient(135deg, #64ABCC, #CC8564);

Explore Each Color

Related Comparisons