#3AF816
A medium, vivid green closely aligning with Lime.
About #3AF816
Visually, #3AF816 is defined as a vivid green. If you're using CSS, you might find it aligns closely with Lime. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 248, and 22.
For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 77% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.
Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#3AF816
RGB58, 248, 22
HSL110.4°, 94.2%, 52.9%
CMYK77%, 0%, 91%, 3%
HSV110.4°, 91.1%, 97.3%
LAB86.1, -79.9, 80.0
XYZ35.5, 68.1, 12.0
Decimal3864598
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.44:1
Text on #FFFFFF
FAIL
14.62:1
Text on #000000
AAA
1.37:1
Text on #F8FAFC
FAIL
12.43:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #3AF816;
}
.text-color {
color: #3AF816;
}
.border-color {
border: 2px solid #3AF816;
}