#3AF30C

Vivid Green

HEX

RGB

HSL

About #3AF30C Vivid Green

#3AF30C is a vivid green color. In the RGB color model, it is composed of 58 red, 243 green, and 12 blue. In the HSL color space, it has a hue of 108°, saturation of 91%, and lightness of 50%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #3AF30C in your CSS, SCSS, or Tailwind projects.

Color Properties

108°

Hue

91%

Saturation

50%

Lightness

Vivid Green

Color Harmonies

Colors that work well with #3AF30C based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #3AF30C against white and black backgrounds.

Aa#3AF30C on White
Contrast Ratio1.5:1
AA AA Large AAA
Aa#3AF30C on Black
Contrast Ratio14.01:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #3AF30C across different color formats.

FormatValue
HEX#3AF30C
RGBrgb(58, 243, 12)
HSLhsl(108, 91%, 50%)
RGB Decimal58, 243, 12
RGB Percent22.7%, 95.3%, 4.7%
CMYK (approx.)76%, 0%, 95%, 5%

Related Palettes

12 palettes using #3AF30C or similar colors

#3AF30C#03FC4E#0BF4C5#03B1FC
#EB5114#F9C406#B1F10E#3CF609
#ECC413#A7EB14#38F00F#0DF256
#B5F30C#42F20D#02FD45#01FEC3
#E7C118#A9F10E#3BEC13#12ED57
#30F10E#19E661#19E6C7#0DA2F2
#EA4A15#FEBF01#B4E916#47F00F
#EE4811#F4BA0B#B3E619#47F00F
#ECBD13#B3F50A#42EB14#02FD49
#A7EC13#32FB04#0CF355#15EAC3
#9CEA15#31EB14#02FD5E#05FAD9
#EB4614#EAB115#B7E817#48F708