#9DA7E3

#9DA7E3

#E3D99D

#E3D99D

Contrast Ratio

1.62:1

Delta E

66.24

Very Different

50:50 Mix

#C5BFC1

Color Values

Format #9DA7E3 #E3D99D
HEX #9DA7E3 #E3D99D
RGB 157, 167, 227 227, 217, 157
HSL 231.4, 55.6%, 75.3% 51.4, 55.6%, 75.3%
HSV 231.4, 30.8%, 89.0% 51.4, 30.8%, 89.0%
CMYK 30.8%, 26.4%, 0.0%, 11.0% 0.0%, 4.4%, 30.8%, 11.0%
OKLCH 0.7426 0.0875 276.7 0.8791 0.0783 99.8

Contrast & Accessibility

1.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E3D99D → Background: #9DA7E3

The quick brown fox jumps over the lazy dog

Text: #9DA7E3 → Background: #E3D99D

Color Difference (Delta E)

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

Gradient

#9DA7E3 #ACAFD8 #B9B7CD #C5BFC1 #D0C8B6 #DAD0A9 #E3D99D

Color Mixing

#9DA7E3

100%

#B3B3D2

75:25

#C5BFC1

50:50

#D5CCB0

25:75

#E3D99D

100%

CSS Gradient Code

background: linear-gradient(to right, #9DA7E3, #E3D99D);
background: linear-gradient(135deg, #9DA7E3, #E3D99D);

Explore Each Color

#9DA7E3

View full color details

#E3D99D

View full color details

Related Comparisons