#9DB5CC

#9DB5CC

#CCB49D

#CCB49D

Contrast Ratio

1.07:1

Delta E

30.45

Very Different

50:50 Mix

#B7B4B5

Color Values

Format #9DB5CC #CCB49D
HEX #9DB5CC #CCB49D
RGB 157, 181, 204 204, 180, 157
HSL 209.4, 31.5%, 70.8% 29.4, 31.5%, 70.8%
HSV 209.4, 23.0%, 80.0% 29.4, 23.0%, 80.0%
CMYK 23.0%, 11.3%, 0.0%, 20.0% 0.0%, 11.8%, 23.0%, 20.0%
OKLCH 0.7626 0.0424 247.2 0.7844 0.0421 65.9

Contrast & Accessibility

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB49D → Background: #9DB5CC

The quick brown fox jumps over the lazy dog

Text: #9DB5CC → Background: #CCB49D

Color Difference (Delta E)

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

Gradient

#9DB5CC #A6B5C4 #AFB5BC #B7B4B5 #BEB4AD #C5B4A5 #CCB49D

Color Mixing

#9DB5CC

100%

#ABB5C0

75:25

#B7B4B5

50:50

#C2B4A9

25:75

#CCB49D

100%

CSS Gradient Code

background: linear-gradient(to right, #9DB5CC, #CCB49D);
background: linear-gradient(135deg, #9DB5CC, #CCB49D);

Explore Each Color

#9DB5CC

View full color details

#CCB49D

View full color details

Related Comparisons