#8366CC

#8366CC

#AFCC66

#AFCC66

Contrast Ratio

2.46:1

Delta E

116.77

Very Different

50:50 Mix

Color Values

Format #8366CC #AFCC66
HEX #8366CC #AFCC66
RGB 131, 102, 204 175, 204, 102
HSL 257.1, 50.0%, 60.0% 77.1, 50.0%, 60.0%
HSV 257.1, 50.0%, 80.0% 77.1, 50.0%, 80.0%
CMYK 35.8%, 50.0%, 0.0%, 20.0% 14.2%, 0.0%, 50.0%, 20.0%
OKLCH 0.5858 0.1522 294.3 0.8018 0.1332 122.5

Contrast & Accessibility

2.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AFCC66 → Background: #8366CC

The quick brown fox jumps over the lazy dog

Text: #8366CC → Background: #AFCC66

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #8366CC, #AFCC66);
background: linear-gradient(135deg, #8366CC, #AFCC66);

Explore Each Color

Related Comparisons