#9EB4E2

#9EB4E2

#E2CC9E

#E2CC9E

Contrast Ratio

1.33:1

Delta E

52.23

Very Different

50:50 Mix

#C5C0C1

Color Values

Format #9EB4E2 #E2CC9E
HEX #9EB4E2 #E2CC9E
RGB 158, 180, 226 226, 204, 158
HSL 220.6, 54.0%, 75.3% 40.6, 54.0%, 75.3%
HSV 220.6, 30.1%, 88.6% 40.6, 30.1%, 88.6%
CMYK 30.1%, 20.4%, 0.0%, 11.4% 0.0%, 9.7%, 30.1%, 11.4%
OKLCH 0.7695 0.0706 264.8 0.8523 0.0653 85.3

Contrast & Accessibility

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #E2CC9E → Background: #9EB4E2

The quick brown fox jumps over the lazy dog

Text: #9EB4E2 → Background: #E2CC9E

Color Difference (Delta E)

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

Gradient

#9EB4E2 #ACB8D7 #B9BCCC #C5C0C1 #CFC4B5 #D9C8AA #E2CC9E

Color Mixing

#9EB4E2

100%

#B3BAD1

75:25

#C5C0C1

50:50

#D4C6B0

25:75

#E2CC9E

100%

CSS Gradient Code

background: linear-gradient(to right, #9EB4E2, #E2CC9E);
background: linear-gradient(135deg, #9EB4E2, #E2CC9E);

Explore Each Color

#9EB4E2

View full color details

#E2CC9E

View full color details

Related Comparisons