Recognised as Colour

#04FF50

#04FF50
Green
Light
Nearest: Lime

#04FF50 is a green with RGB values 4, 255, 80 and HSL 138°, 100%, 51%. 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

#04FF50#04FF50

HEX#04FF50

RGBrgb(4, 255, 80)

RGB (0–1)0.0157, 1, 0.3137

RGB percentages1.6%, 100%, 31.4%

HSLhsl(138.2, 100%, 50.8%)

HSV / HSBhsv(138.2, 98.4%, 100%)

CMYK98.4%, 0%, 68.6%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer327,504

CSS custom property--colour: #04FF50;

Brightness & contrast

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

Perceived brightness197.2 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.42:1

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

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

Greyscale equivalent#BDBDBD

Inverted#FB00AF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#00F8DCno blue cones; rare, and affects men and women equally; ΔE 72.4 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.42:1WCAG large text: AAA

Named colours

Lime · ΔE 17.1 Spring green · ΔE 20.3 Limegreen · ΔE 22.3 Lawn green · ΔE 23.5 Chartreuse · ΔE 24.1 Green yellow · ΔE 33.9

Nearest named CSS colourLime (#00FF00)ΔE 17.06, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FF04B3

Analogous#36FF04, #04FFCD

Triadic#5004FF, #FF5004

Split complementary#CD04FF, #FF0436

Tetradic#0436FF, #FF04B3, #FFCD04

Tints, shades & saturation

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

Lighter +40%#D0FFDE

Lighter +30%#9DFFBB

Lighter +20%#6AFF97

Lighter +10%#37FF74

Darker −10%#00D03F

Darker −20%#009D30

Darker −30%#006A20

Darker −40%#003711

More saturated +25%#04FF50

Less saturated −25%#23E05C

Channel breakdown

G255

B80

Red4 (1.6%)

Green255 (100%)

Blue80 (31.4%)

Hue138.17°

Saturation (HSL)100%

Lightness50.78%

Dominant channelGreen

Hex per channelR 04 · G FF · B 50

Keep nerding

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

#04FF50

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