Colour

#3AF77B

#3AF77B
Green
Light
Nearest: Spring green

#3AF77B is a green with RGB values 58, 247, 123 and HSL 141°, 92%, 60%. It is a light colour, so black text on it reaches 14.8:1 contrast (AAA for normal text). The nearest named colour is Spring green.

Colour values

#3AF77B#3AF77B

HEX#3AF77B

RGBrgb(58, 247, 123)

RGB (0–1)0.2275, 0.9686, 0.4824

RGB percentages22.7%, 96.9%, 48.2%

HSLhsl(140.6, 92.2%, 59.8%)

HSV / HSBhsv(140.6, 76.5%, 96.9%)

CMYK76.5%, 0%, 50.2%, 3.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,864,443

CSS custom property--colour: #3AF77B;

Brightness & contrast

Relative luminance0.68851WCAG 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 14.77:1

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

Contrast with black14.77:1WCAG normal text: AAA

Greyscale equivalent#C6C6C6

Inverted#C50884

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text14.77:1WCAG large text: AAA

Named colours

Spring green · ΔE 6 Medium spring green · ΔE 14.1 Limegreen · ΔE 20.8 Pale green · ΔE 24.7 Light green · ΔE 26.7 Medium seagreen · ΔE 38.4

Nearest named CSS colourSpring green (#00FF7F)ΔE 5.99, clearly different but related

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F73AB6

Analogous#58F73A, #3AF7D9

Triadic#7B3AF7, #F77B3A

Split complementary#D93AF7, #F73A58

Tetradic#3A58F7, #F73AB6, #F7D93A

Tints, shades & saturation

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

Lighter +40%#FEFFFE

Lighter +30%#CDFDDE

Lighter +20%#9CFBBD

Lighter +10%#6BF99C

Darker −10%#0AF45A

Darker −20%#08C348

Darker −30%#069236

Darker −40%#046124

More saturated +25%#32FF79

Less saturated −25%#54DD83

Channel breakdown

R58

G247

B123

Red58 (22.7%)

Green247 (96.9%)

Blue123 (48.2%)

Hue140.63°

Saturation (HSL)92.2%

Lightness59.8%

Dominant channelGreen

Hex per channelR 3A · G F7 · B 7B

Keep nerding

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

#3AF77B

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