#9EB3E2

#9EB3E2

#E2CD9E

#E2CD9E

Contrast Ratio

1.35:1

Delta E

53.12

Very Different

50:50 Mix

#C5C0C1

Color Values

Format #9EB3E2 #E2CD9E
HEX #9EB3E2 #E2CD9E
RGB 158, 179, 226 226, 205, 158
HSL 221.5, 54.0%, 75.3% 41.5, 54.0%, 75.3%
HSV 221.5, 30.1%, 88.6% 41.5, 30.1%, 88.6%
CMYK 30.1%, 20.8%, 0.0%, 11.4% 0.0%, 9.3%, 30.1%, 11.4%
OKLCH 0.7674 0.0716 266.0 0.8543 0.066 86.7

Contrast & Accessibility

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E2CD9E → Background: #9EB3E2

The quick brown fox jumps over the lazy dog

Text: #9EB3E2 → Background: #E2CD9E

Color Difference (Delta E)

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

Gradient

#9EB3E2 #ACB7D7 #B9BBCC #C5C0C1 #CFC4B5 #D9C8AA #E2CD9E

Color Mixing

#9EB3E2

100%

#B3B9D1

75:25

#C5C0C1

50:50

#D4C6B0

25:75

#E2CD9E

100%

CSS Gradient Code

background: linear-gradient(to right, #9EB3E2, #E2CD9E);
background: linear-gradient(135deg, #9EB3E2, #E2CD9E);

Explore Each Color

#9EB3E2

View full color details

#E2CD9E

View full color details

Related Comparisons