#8D93F2

#8D93F2

#F2EC8D

#F2EC8D

Contrast Ratio

2.26:1

Delta E

104.28

Very Different

50:50 Mix

#CABEC3

Color Values

Format #8D93F2 #F2EC8D
HEX #8D93F2 #F2EC8D
RGB 141, 147, 242 242, 236, 141
HSL 236.4, 79.5%, 75.1% 56.4, 79.5%, 75.1%
HSV 236.4, 41.7%, 94.9% 56.4, 41.7%, 94.9%
CMYK 41.7%, 39.3%, 0.0%, 5.1% 0.0%, 2.5%, 41.7%, 5.1%
OKLCH 0.6987 0.1383 279.4 0.9275 0.1171 105.3

Contrast & Accessibility

2.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2EC8D → Background: #8D93F2

The quick brown fox jumps over the lazy dog

Text: #8D93F2 → Background: #F2EC8D

Color Difference (Delta E)

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

Gradient

#8D93F2 #A5A1E3 #B9AFD3 #CABEC3 #D9CDB2 #E6DCA0 #F2EC8D

Color Mixing

#8D93F2

100%

#B0A8DB

75:25

#CABEC3

50:50

#E0D5A9

25:75

#F2EC8D

100%

CSS Gradient Code

background: linear-gradient(to right, #8D93F2, #F2EC8D);
background: linear-gradient(135deg, #8D93F2, #F2EC8D);

Explore Each Color

#8D93F2

View full color details

#F2EC8D

View full color details

Related Comparisons