#96B5EC

#96B5EC

#ECCD96

#ECCD96

Contrast Ratio

1.36:1

Delta E

63.12

Very Different

50:50 Mix

#C8C1C2

Color Values

Format #96B5EC #ECCD96
HEX #96B5EC #ECCD96
RGB 150, 181, 236 236, 205, 150
HSL 218.4, 69.4%, 75.7% 38.4, 69.4%, 75.7%
HSV 218.4, 36.4%, 92.5% 38.4, 36.4%, 92.5%
CMYK 36.4%, 23.3%, 0.0%, 7.5% 0.0%, 13.1%, 36.4%, 7.5%
OKLCH 0.7703 0.0863 261.7 0.8617 0.0791 81.6

Contrast & Accessibility

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ECCD96 → Background: #96B5EC

The quick brown fox jumps over the lazy dog

Text: #96B5EC → Background: #ECCD96

Color Difference (Delta E)

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

Gradient

#96B5EC #A9B9DE #BABDD0 #C8C1C2 #D5C5B4 #E1C9A5 #ECCD96

Color Mixing

#96B5EC

100%

#B2BBD7

75:25

#C8C1C2

50:50

#DBC7AC

25:75

#ECCD96

100%

CSS Gradient Code

background: linear-gradient(to right, #96B5EC, #ECCD96);
background: linear-gradient(135deg, #96B5EC, #ECCD96);

Explore Each Color

#96B5EC

View full color details

#ECCD96

View full color details

Related Comparisons