Colour

#22FF0D

#22FF0D
Green
Light
Nearest: Lime

#22FF0D is a green with RGB values 34, 255, 13 and HSL 115°, 100%, 53%. 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

#22FF0D#22FF0D

HEX#22FF0D

RGBrgb(34, 255, 13)

RGB (0–1)0.1333, 1, 0.051

RGB percentages13.3%, 100%, 5.1%

HSLhsl(114.8, 100%, 52.5%)

HSV / HSBhsv(114.8, 94.9%, 100%)

CMYK86.7%, 0%, 94.9%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,293,517

CSS custom property--colour: #22FF0D;

Brightness & contrast

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

Perceived brightness196.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.38:1

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

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

Greyscale equivalent#BFBFBF

Inverted#DD00F2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Named colours

Lime · ΔE 1.9 Lawn green · ΔE 16.9 Chartreuse · ΔE 16.9 Limegreen · ΔE 31.2 Green yellow · ΔE 32.3 Spring green · ΔE 36.2

Nearest named CSS colourLime (#00FF00)ΔE 1.86, below the just-noticeable difference

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#EA0DFF

Analogous#9BFF0D, #0DFF71

Triadic#0D22FF, #FF0D22

Split complementary#710DFF, #FF0D9B

Tetradic#0D9BFF, #EA0DFF, #FF710D

Tints, shades & saturation

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

Lighter +40%#DCFFD9

Lighter +30%#AEFFA6

Lighter +20%#7FFF73

Lighter +10%#51FF40

Darker −10%#13D900

Darker −20%#0EA600

Darker −30%#0A7300

Darker −40%#064000

More saturated +25%#22FF0D

Less saturated −25%#3BE12B

Channel breakdown

R34

G255

B13

Red34 (13.3%)

Green255 (100%)

Blue13 (5.1%)

Hue114.79°

Saturation (HSL)100%

Lightness52.55%

Dominant channelGreen

Hex per channelR 22 · G FF · B 0D

Keep nerding

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

#22FF0D

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