Colour

#00FF7F

#00FF7F
Green
Light
Named: Spring green

#00FF7F is the CSS colour green with RGB values 0, 255, 127 and HSL 150°, 100%, 50%. It is a light colour, so black text on it reaches 15.6:1 contrast (AAA for normal text). The nearest named colour is Spring green.

Colour values

#00FF7F#00FF7F

HEX#00FF7F

RGBrgb(0, 255, 127)

RGB (0–1)0, 1, 0.498

RGB percentages0%, 100%, 49.8%

HSLhsl(149.9, 100%, 50%)

HSV / HSBhsv(149.9, 100%, 100%)

CMYK100%, 0%, 50.2%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer65,407

CSS custom property--colour: #00FF7F;

Brightness & contrast

Relative luminance0.73052WCAG 2.x, 0 is black and 1 is white

Perceived brightness200 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.61:1

Contrast with white1.35:1WCAG normal text: Fail

Contrast with black15.61:1WCAG normal text: AAA

Greyscale equivalent#C0C0C0

Inverted#FF0080

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#FFE874no red cones; affects about 1% of men; ΔE 71.7 from the original

Deuteranopia#E9D789no green cones; the most common form, about 1% of men; ΔE 72.7 from the original

Tritanopia#00FBE1no blue cones; rare, and affects men and women equally; ΔE 53.4 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text1.35:1WCAG large text: Fail

Contrast with black, large text15.61:1WCAG large text: AAA

Named colours

Spring green · ΔE 0 Medium spring green · ΔE 15.9 Limegreen · ΔE 23.6 Pale green · ΔE 29.9 Light green · ΔE 32.2 Lime · ΔE 37.3

This is a named CSS colourSpring green (#00FF7F)exact match

Hue familygreen

CSS keyword usablespringgreen

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#FF0080

Analogous#01FF00, #00FFFF

Triadic#7F00FF, #FF7F00

Split complementary#FF00FF, #FF0000

Tetradic#0000FF, #FF0080, #FFFE00

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#CCFFE5

Lighter +30%#99FFCC

Lighter +20%#66FFB2

Lighter +10%#33FF99

Darker −10%#00CC66

Darker −20%#00994C

Darker −30%#006633

Darker −40%#003319

More saturated +25%#00FF7F

Less saturated −25%#20DF7F

Channel breakdown

G255

B127

Red0 (0%)

Green255 (100%)

Blue127 (49.8%)

Hue149.88°

Saturation (HSL)100%

Lightness50%

Dominant channelGreen

Hex per channelR 00 · G FF · B 7F

Keep nerding

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

#00FF7F

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else