#9DA9CC

#9DA9CC

#CCC09D

#CCC09D

Contrast Ratio

1.29:1

Delta E

39.62

Very Different

50:50 Mix

#B7B4B5

Color Values

Format #9DA9CC #CCC09D
HEX #9DA9CC #CCC09D
RGB 157, 169, 204 204, 192, 157
HSL 224.7, 31.5%, 70.8% 44.7, 31.5%, 70.8%
HSV 224.7, 23.0%, 80.0% 44.7, 23.0%, 80.0%
CMYK 23.0%, 17.2%, 0.0%, 20.0% 0.0%, 5.9%, 23.0%, 20.0%
OKLCH 0.7374 0.0525 270.2 0.8087 0.0491 91.4

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CCC09D → Background: #9DA9CC

The quick brown fox jumps over the lazy dog

Text: #9DA9CC → Background: #CCC09D

Color Difference (Delta E)

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

Gradient

#9DA9CC #A6ADC4 #AFB0BD #B7B4B5 #BEB8AD #C5BCA5 #CCC09D

Color Mixing

#9DA9CC

100%

#ABAFC1

75:25

#B7B4B5

50:50

#C2BAA9

25:75

#CCC09D

100%

CSS Gradient Code

background: linear-gradient(to right, #9DA9CC, #CCC09D);
background: linear-gradient(135deg, #9DA9CC, #CCC09D);

Explore Each Color

#9DA9CC

View full color details

#CCC09D

View full color details

Related Comparisons