#562CB0

#562CB0

#86B02C

#86B02C

Contrast Ratio

3.47:1

Delta E

151.38

Very Different

50:50 Mix

#827079

Color Values

Format #562CB0 #86B02C
HEX #562CB0 #86B02C
RGB 86, 44, 176 134, 176, 44
HSL 259.1, 60.0%, 43.1% 79.1, 60.0%, 43.1%
HSV 259.1, 75.0%, 69.0% 79.1, 75.0%, 69.0%
CMYK 51.1%, 75.0%, 0.0%, 31.0% 23.9%, 0.0%, 75.0%, 31.0%
OKLCH 0.4326 0.1937 290.4 0.7022 0.1615 126.0

Contrast & Accessibility

3.47:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #86B02C → Background: #562CB0

The quick brown fox jumps over the lazy dog

Text: #562CB0 → Background: #86B02C

Color Difference (Delta E)

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

Gradient

#562CB0 #6B449E #795B8C #827079 #878664 #889B4D #86B02C

Color Mixing

#562CB0

100%

#735095

75:25

#827079

50:50

#889059

25:75

#86B02C

100%

CSS Gradient Code

background: linear-gradient(to right, #562CB0, #86B02C);
background: linear-gradient(135deg, #562CB0, #86B02C);

Explore Each Color

#562CB0

View full color details

#86B02C

View full color details

Related Comparisons