Nerdulator> put something in

Colour

#20FF2C

  • #20FF2C
  • Green
  • Light
  • Nearest: Lime

#20FF2C is a green with RGB values 32, 255, 44 and HSL 123°, 100%, 56%. 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

#20FF2C#20FF2C
HEX#20FF2C
RGBrgb(32, 255, 44)
RGB (0–1)0.1255, 1, 0.1725
RGB percentages12.5%, 100%, 17.3%
HSLhsl(123.2, 100%, 56.3%)
HSV / HSBhsv(123.2, 87.5%, 100%)
CMYK87.5%, 0%, 82.7%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,162,476
CSS custom property--colour: #20FF2C;

Brightness & contrast

Relative luminance0.72009WCAG 2.x, 0 is black and 1 is white
Perceived brightness196.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.4:1
Contrast with white1.36:1WCAG normal text: Fail
Contrast with black15.4:1WCAG normal text: AAA
Greyscale equivalent#C0C0C0
Inverted#DF00D3

Colour vision & accessibility

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

Named colours

Lime · ΔE 6.2Lawn green · ΔE 17.5Chartreuse · ΔE 17.8Limegreen · ΔE 27.7Spring green · ΔE 31.2Green yellow · ΔE 31.8
Nearest named CSS colourLime (#00FF00)ΔE 6.2, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#FF20F3
Analogous#83FF20, #20FF9C
Triadic#2C20FF, #FF2C20
Split complementary#9C20FF, #FF2083
Tetradic#2083FF, #FF20F3, #FF9C20

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#ECFFED
Lighter +30%#B9FFBD
Lighter +20%#86FF8D
Lighter +10%#53FF5C
Darker −10%#00EC0D
Darker −20%#00B90A
Darker −30%#008607
Darker −40%#005304
More saturated +25%#20FF2C
Less saturated −25%#3CE345

Channel breakdown

R32
G255
B44
Red32 (12.5%)
Green255 (100%)
Blue44 (17.3%)
Hue123.23°
Saturation (HSL)100%
Lightness56.27%
Dominant channelGreen
Hex per channelR 20 · G FF · B 2C

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