Nerdulator> put something in

Recognised as Colour

#31A302

  • #31A302
  • Green
  • Dark
  • Nearest: Green

#31A302 is a green with RGB values 49, 163, 2 and HSL 102°, 98%, 32%. It is a dark colour, so black text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Green.

Colour values

#31A302#31A302
HEX#31A302
RGBrgb(49, 163, 2)
RGB (0–1)0.1922, 0.6392, 0.0078
RGB percentages19.2%, 63.9%, 0.8%
HSLhsl(102.5, 97.6%, 32.4%)
HSV / HSBhsv(102.5, 98.8%, 63.9%)
CMYK69.9%, 0%, 98.8%, 36.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,252,994
CSS custom property--colour: #31A302;

Brightness & contrast

Relative luminance0.26852WCAG 2.x, 0 is black and 1 is white
Perceived brightness127.7 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.37:1
Contrast with white3.3:1WCAG normal text: Fail
Contrast with black6.37:1WCAG normal text: AA
Greyscale equivalent#7F7F7F
Inverted#CE5CFD

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A89300no red cones; affects about 1% of men; ΔE 51.8 from the original
Deuteranopia#9B8A22no green cones; the most common form, about 1% of men; ΔE 51.6 from the original
Tritanopia#1A9D8Ano blue cones; rare, and affects men and women equally; ΔE 62.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.3:1WCAG large text: AA
Contrast with black, large text6.37:1WCAG large text: AAA

Named colours

Green · ΔE 16.7Limegreen · ΔE 17.7Forest green · ΔE 18.3Yellow green · ΔE 26.2Olivedrab · ΔE 30.1Dark green · ΔE 31.7
Nearest named CSS colourGreen (#008000)ΔE 16.75, a distinctly different colour
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7402A3
Analogous#82A302, #02A323
Triadic#0231A3, #A30231
Split complementary#2402A3, #A30281
Tetradic#0282A3, #7402A3, #A32302

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#9CFD74
Lighter +30%#78FD41
Lighter +20%#54FC0F
Lighter +10%#40D503
Darker −10%#227101
Darker −20%#133E01
Darker −30%#040C00
Darker −40%#000000
More saturated +25%#30A500
Less saturated −25%#3A8E17

Channel breakdown

R49
G163
B2
Red49 (19.2%)
Green163 (63.9%)
Blue2 (0.8%)
Hue102.48°
Saturation (HSL)97.58%
Lightness32.35%
Dominant channelGreen
Hex per channelR 31 · G A3 · B 02

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “31a302” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.