#2CA300

Vivid Green

HEX

RGB

HSL

About #2CA300 Vivid Green

#2CA300 is a vivid green color. In the RGB color model, it is composed of 44 red, 163 green, and 0 blue. In the HSL color space, it has a hue of 104°, saturation of 100%, and lightness of 32%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

Use #2CA300 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

104°

Hue

100%

Saturation

32%

Lightness

Vivid Green

Color Harmonies

Colors that work well with #2CA300 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #2CA300 against white and black backgrounds.

Aa#2CA300 on White
Contrast Ratio3.31:1
AA AA Large AAA
Aa#2CA300 on Black
Contrast Ratio6.35:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #2CA300 across different color formats.

FormatValue
HEX#2CA300
RGBrgb(44, 163, 0)
HSLhsl(104, 100%, 32%)
RGB Decimal44, 163, 0
RGB Percent17.3%, 63.9%, 0.0%
CMYK (approx.)73%, 0%, 100%, 36%

Related Palettes

12 palettes using #2CA300 or similar colors

#2AAE1E#3CDC7F#7CE9E0#BFDDF3
#1DAF1D#41D88C#84E1E1#BFD9F2
#27AA22#32E686#7DE8E5#BEDBF3
#16B616#3DDC8C#82E3E3#BCD9F6
#3EA824#35E369#79ECD5#BDE4F4
#16B61E#41D894#80E0E5#C0D6F2
#28C322#45DE7F#79E7D1#ADE2F0
#4EAD1F#35E452#80E5C3#BDEBF5
#45A329#32E762#7BEAD0#BEE5F3
#40C322#45DE68#79E7C1#ADECF0
#43C322#45DE66#79E7BF#ADEDF0
#102311#194D1C#2A6F2E#2CA034