#9DA7B2

#9DA7B2

#B2A89D

#B2A89D

Contrast Ratio

1.04:1

Delta E

14.21

Noticeable

50:50 Mix

#A8A7A8

Color Values

Format #9DA7B2 #B2A89D
HEX #9DA7B2 #B2A89D
RGB 157, 167, 178 178, 168, 157
HSL 211.4, 12.0%, 65.7% 31.4, 12.0%, 65.7%
HSV 211.4, 11.8%, 69.8% 31.4, 11.8%, 69.8%
CMYK 11.8%, 6.2%, 0.0%, 30.2% 0.0%, 5.6%, 11.8%, 30.2%
OKLCH 0.7239 0.0196 250.7 0.7369 0.0194 70.2

Contrast & Accessibility

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B2A89D → Background: #9DA7B2

The quick brown fox jumps over the lazy dog

Text: #9DA7B2 → Background: #B2A89D

Color Difference (Delta E)

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

Gradient

#9DA7B2 #A1A7AF #A4A7AB #A8A7A8 #ABA8A4 #AFA8A1 #B2A89D

Color Mixing

#9DA7B2

100%

#A3A7AD

75:25

#A8A7A8

50:50

#ADA8A2

25:75

#B2A89D

100%

CSS Gradient Code

background: linear-gradient(to right, #9DA7B2, #B2A89D);
background: linear-gradient(135deg, #9DA7B2, #B2A89D);

Explore Each Color

#9DA7B2

View full color details

#B2A89D

View full color details

Related Comparisons