#9AB0D2

#9AB0D2

#D2BC9A

#D2BC9A

Contrast Ratio

1.2:1

Delta E

40.3

Very Different

50:50 Mix

#B9B6B6

Color Values

Format #9AB0D2 #D2BC9A
HEX #9AB0D2 #D2BC9A
RGB 154, 176, 210 210, 188, 154
HSL 216.4, 38.4%, 71.4% 36.4, 38.4%, 71.4%
HSV 216.4, 26.7%, 82.4% 36.4, 26.7%, 82.4%
CMYK 26.7%, 16.2%, 0.0%, 17.6% 0.0%, 10.5%, 26.7%, 17.6%
OKLCH 0.7521 0.0549 259.0 0.8052 0.0522 78.6

Contrast & Accessibility

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #D2BC9A → Background: #9AB0D2

The quick brown fox jumps over the lazy dog

Text: #9AB0D2 → Background: #D2BC9A

Color Difference (Delta E)

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

Gradient

#9AB0D2 #A5B2C9 #B0B4C0 #B9B6B6 #C2B8AD #CABAA4 #D2BC9A

Color Mixing

#9AB0D2

100%

#ABB3C4

75:25

#B9B6B6

50:50

#C6B9A8

25:75

#D2BC9A

100%

CSS Gradient Code

background: linear-gradient(to right, #9AB0D2, #D2BC9A);
background: linear-gradient(135deg, #9AB0D2, #D2BC9A);

Explore Each Color

#9AB0D2

View full color details

#D2BC9A

View full color details

Related Comparisons