Nerdulator> put something in

Colour

#02FF31

  • #02FF31
  • Green
  • Light
  • Nearest: Lime

#02FF31 is a green with RGB values 2, 255, 49 and HSL 131°, 100%, 50%. It is a light colour, so black text on it reaches 15.4:1 contrast (AAA for normal text). The nearest named colour is Lime.

Colour values

#02FF31#02FF31
HEX#02FF31
RGBrgb(2, 255, 49)
RGB (0–1)0.0078, 1, 0.1922
RGB percentages0.8%, 100%, 19.2%
HSLhsl(131.1, 100%, 50.4%)
HSV / HSBhsv(131.1, 99.2%, 100%)
CMYK99.2%, 0%, 80.8%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer196,401
CSS custom property--colour: #02FF31;

Brightness & contrast

Relative luminance0.71755WCAG 2.x, 0 is black and 1 is white
Perceived brightness196.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.35:1
Contrast with white1.37:1WCAG normal text: Fail
Contrast with black15.35:1WCAG normal text: AAA
Greyscale equivalent#BABABA
Inverted#FD00CE

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FFE600no red cones; affects about 1% of men; ΔE 76.6 from the original
Deuteranopia#EED64Cno green cones; the most common form, about 1% of men; ΔE 78.5 from the original
Tritanopia#00F8DAno blue cones; rare, and affects men and women equally; ΔE 81 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text1.37:1WCAG large text: Fail
Contrast with black, large text15.35:1WCAG large text: AAA

Named colours

Lime · ΔE 7.2Lawn green · ΔE 19.1Chartreuse · ΔE 19.4Limegreen · ΔE 27.5Spring green · ΔE 30.1Green yellow · ΔE 33
Nearest named CSS colourLime (#00FF00)ΔE 7.2, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FF02D0
Analogous#52FF02, #02FFAF
Triadic#3102FF, #FF3102
Split complementary#AF02FF, #FF0252
Tetradic#0252FF, #FF02D0, #FFAF02

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CEFFD7
Lighter +30%#9BFFAE
Lighter +20%#68FF84
Lighter +10%#35FF5B
Darker −10%#00CE26
Darker −20%#009B1D
Darker −30%#006813
Darker −40%#00350A
More saturated +25%#02FF31
Less saturated −25%#22DF45

Channel breakdown

R2
G255
B49
Red2 (0.8%)
Green255 (100%)
Blue49 (19.2%)
Hue131.15°
Saturation (HSL)100%
Lightness50.39%
Dominant channelGreen
Hex per channelR 02 · G FF · B 31

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 “02ff31” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.