#89B1DC

#89B1DC

#DCB489

#DCB489

Contrast Ratio

1.16:1

Delta E

54.78

Very Different

50:50 Mix

#BAB2B3

Color Values

Format #89B1DC #DCB489
HEX #89B1DC #DCB489
RGB 137, 177, 220 220, 180, 137
HSL 211.1, 54.2%, 70.0% 31.1, 54.2%, 70.0%
HSV 211.1, 37.7%, 86.3% 31.1, 37.7%, 86.3%
CMYK 37.7%, 19.5%, 0.0%, 13.7% 0.0%, 18.2%, 37.7%, 13.7%
OKLCH 0.747 0.076 250.7 0.7952 0.0736 68.5

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: #DCB489 → Background: #89B1DC

The quick brown fox jumps over the lazy dog

Text: #89B1DC → Background: #DCB489

Color Difference (Delta E)

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

Gradient

#89B1DC #9CB1CE #ACB2C1 #BAB2B3 #C7B3A5 #D2B397 #DCB489

Color Mixing

#89B1DC

100%

#A5B2C7

75:25

#BAB2B3

50:50

#CCB39E

25:75

#DCB489

100%

CSS Gradient Code

background: linear-gradient(to right, #89B1DC, #DCB489);
background: linear-gradient(135deg, #89B1DC, #DCB489);

Explore Each Color

#89B1DC

View full color details

#DCB489

View full color details

Related Comparisons