#889ACC

#889ACC

#CCBA88

#CCBA88

Contrast Ratio

1.45:1

Delta E

57.1

Very Different

50:50 Mix

#AFAAAB

Color Values

Format #889ACC #CCBA88
HEX #889ACC #CCBA88
RGB 136, 154, 204 204, 186, 136
HSL 224.1, 40.0%, 66.7% 44.1, 40.0%, 66.7%
HSV 224.1, 33.3%, 80.0% 44.1, 33.3%, 80.0%
CMYK 33.3%, 24.5%, 0.0%, 20.0% 0.0%, 8.8%, 33.3%, 20.0%
OKLCH 0.6908 0.0768 269.0 0.792 0.0693 90.6

Contrast & Accessibility

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCBA88 → Background: #889ACC

The quick brown fox jumps over the lazy dog

Text: #889ACC → Background: #CCBA88

Color Difference (Delta E)

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

Gradient

#889ACC #979FC1 #A4A4B6 #AFAAAB #BAAFA0 #C3B494 #CCBA88

Color Mixing

#889ACC

100%

#9DA2BC

75:25

#AFAAAB

50:50

#BEB29A

25:75

#CCBA88

100%

CSS Gradient Code

background: linear-gradient(to right, #889ACC, #CCBA88);
background: linear-gradient(135deg, #889ACC, #CCBA88);

Explore Each Color

#889ACC

View full color details

#CCBA88

View full color details

Related Comparisons