#31A300
Vivid Green
HEX
RGB
HSL
About #31A300 Vivid Green
#31A300 is a vivid green color. In the RGB color model, it is composed of 49 red, 163 green, and 0 blue. In the HSL color space, it has a hue of 102°, 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
Use #31A300 in your CSS, SCSS, or Tailwind projects.
Color Properties
102°
Hue
100%
Saturation
32%
Lightness
Vivid Green
Color Harmonies
Colors that work well with #31A300 based on color theory.
Accessibility
WCAG 2.1 contrast ratio of #31A300 against white and black backgrounds.
Aa#31A300 on White
Contrast Ratio3.3:1
AA ✗AA Large ✓AAA ✗
Aa#31A300 on Black
Contrast Ratio6.37:1
AA ✓AA Large ✓AAA ✗
Color Conversion Table
Complete conversion of #31A300 across different color formats.
| Format | Value |
|---|---|
| HEX | #31A300 |
| RGB | rgb(49, 163, 0) |
| HSL | hsl(102, 100%, 32%) |
| RGB Decimal | 49, 163, 0 |
| RGB Percent | 19.2%, 63.9%, 0.0% |
| CMYK (approx.) | 70%, 0%, 100%, 36% |
Related Palettes
12 palettes using #31A300 or similar colors