Nerdulator> put something in

Recognised as Colour

#3AFF04

  • #3AFF04
  • Green
  • Light
  • Nearest: Lime

#3AFF04 is a green with RGB values 58, 255, 4 and HSL 107°, 100%, 51%. It is a light colour, so black text on it reaches 15.5:1 contrast (AAA for normal text). The nearest named colour is Lime.

Colour values

#3AFF04#3AFF04
HEX#3AFF04
RGBrgb(58, 255, 4)
RGB (0–1)0.2275, 1, 0.0157
RGB percentages22.7%, 100%, 1.6%
HSLhsl(107.1, 100%, 50.8%)
HSV / HSBhsv(107.1, 98.4%, 100%)
CMYK77.3%, 0%, 98.4%, 0%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,866,372
CSS custom property--colour: #3AFF04;

Brightness & contrast

Relative luminance0.72428WCAG 2.x, 0 is black and 1 is white
Perceived brightness197.9 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.49:1
Contrast with white1.36:1WCAG normal text: Fail
Contrast with black15.49:1WCAG normal text: AAA
Greyscale equivalent#C3C3C3
Inverted#C500FB

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FFE600no red cones; affects about 1% of men; ΔE 73.1 from the original
Deuteranopia#F1D83Bno green cones; the most common form, about 1% of men; ΔE 75.5 from the original
Tritanopia#00F7D9no blue cones; rare, and affects men and women equally; ΔE 87 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.49:1WCAG large text: AAA

Named colours

Lime · ΔE 4Chartreuse · ΔE 14.4Lawn green · ΔE 14.5Green yellow · ΔE 30Limegreen · ΔE 30.9Spring green · ΔE 36.8
Nearest named CSS colourLime (#00FF00)ΔE 4, a close match
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C904FF
Analogous#B7FF04, #04FF4C
Triadic#043AFF, #FF043A
Split complementary#4C04FF, #FF04B7
Tetradic#04B7FF, #C904FF, #FF4C04

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#DAFFD0
Lighter +30%#B2FF9D
Lighter +20%#8AFF6A
Lighter +10%#62FF37
Darker −10%#2DD000
Darker −20%#229D00
Darker −30%#176A00
Darker −40%#0C3700
More saturated +25%#3AFF04
Less saturated −25%#4CE023

Channel breakdown

R58
G255
B4
Red58 (22.7%)
Green255 (100%)
Blue4 (1.6%)
Hue107.09°
Saturation (HSL)100%
Lightness50.78%
Dominant channelGreen
Hex per channelR 3A · G FF · B 04

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