Amethyst Core Vivid#2F20D5
Lime Core Vivid#7AD520
VS
Amethyst Core Vivid vs Lime Core Vivid
A detailed comparison of #2F20D5 and #7AD520 — complementary colors
Contrast & Accessibility
4.97:1contrast ratio
✓ AA Normal✓ AA Large✗ AAA Normal✓ AAA Large
Text on Amethyst Core Vivid
Text on Lime Core Vivid
Color Properties
#2F20D5
HEX
#7AD520
rgb(47, 32, 213)
RGB
rgb(122, 213, 32)
hsl(245, 74%, 48%)
HSL
hsl(90, 74%, 48%)
245°
Hue
90°
74%
Saturation
74%
48%
Lightness
48%
Blue
Family
Lime
Hue Diff
155\u00B0 — Complementary
Gradient Blend
background: linear-gradient(to right, #2F20D5, #7AD520);
Using These Colors Together
With a contrast ratio of 4.97:1, this pair meets WCAG AA for normal text. Use Lime Core Vivid as the background and Amethyst Core Vivid as text for optimal readability.
These colors have a 155\u00B0 hue difference, making them complementary. Their high contrast creates visual energy — great for call-to-action buttons, hero sections, and brand accents.
Amethyst Core Vivid
view_detail →
Lime Core Vivid
view_detail →