#9DB9CC

#9DB9CC

#CCB09D

#CCB09D

Contrast Ratio

1.0:1

Delta E

29.01

Very Different

50:50 Mix

#B7B5B4

Color Values

Format #9DB9CC #CCB09D
HEX #9DB9CC #CCB09D
RGB 157, 185, 204 204, 176, 157
HSL 204.3, 31.5%, 70.8% 24.3, 31.5%, 70.8%
HSV 204.3, 23.0%, 80.0% 24.3, 23.0%, 80.0%
CMYK 23.0%, 9.3%, 0.0%, 20.0% 0.0%, 13.7%, 23.0%, 20.0%
OKLCH 0.7711 0.041 237.8 0.7765 0.0419 56.2

Contrast & Accessibility

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCB09D → Background: #9DB9CC

The quick brown fox jumps over the lazy dog

Text: #9DB9CC → Background: #CCB09D

Color Difference (Delta E)

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

Gradient

#9DB9CC #A7B8C4 #AFB6BC #B7B5B4 #BFB3AD #C6B2A5 #CCB09D

Color Mixing

#9DB9CC

100%

#ABB7C0

75:25

#B7B5B4

50:50

#C2B2A9

25:75

#CCB09D

100%

CSS Gradient Code

background: linear-gradient(to right, #9DB9CC, #CCB09D);
background: linear-gradient(135deg, #9DB9CC, #CCB09D);

Explore Each Color

#9DB9CC

View full color details

#CCB09D

View full color details

Related Comparisons