Colour

#3FB214

#3FB214
Green
Dark
Nearest: Limegreen

#3FB214 is a green with RGB values 63, 178, 20 and HSL 104°, 80%, 39%. It is a dark colour, so black text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Limegreen.

Colour values

#3FB214#3FB214

HEX#3FB214

RGBrgb(63, 178, 20)

RGB (0–1)0.2471, 0.698, 0.0784

RGB percentages24.7%, 69.8%, 7.8%

HSLhsl(103.7, 79.8%, 38.8%)

HSV / HSBhsv(103.7, 88.8%, 69.8%)

CMYK64.6%, 0%, 88.8%, 30.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,174,356

CSS custom property--colour: #3FB214;

Brightness & contrast

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

Perceived brightness140.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.59:1

Contrast with white2.77:1WCAG normal text: Fail

Contrast with black7.59:1WCAG normal text: AAA

Greyscale equivalent#8E8E8E

Inverted#C04DEB

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#2EAC97no blue cones; rare, and affects men and women equally; ΔE 63.6 from the original

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

Contrast with white, large text2.77:1WCAG large text: Fail

Contrast with black, large text7.59:1WCAG large text: AAA

Named colours

Limegreen · ΔE 12.7 Green · ΔE 22.3 Forest green · ΔE 23 Yellow green · ΔE 23.8 Olivedrab · ΔE 33.2 Spring green · ΔE 34.3

Nearest named CSS colourLimegreen (#32CD32)ΔE 12.69, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8714B2

Analogous#8EB214, #14B238

Triadic#143FB2, #B2143F

Split complementary#3814B2, #B2148E

Tetradic#148EB2, #8714B2, #B23814

Tints, shades & saturation

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

Lighter +40%#B5F49E

Lighter +30%#93EF70

Lighter +20%#70EA42

Lighter +10%#4FE019

Darker −10%#2F840F

Darker −20%#1F560A

Darker −30%#0E2805

Darker −40%#000000

More saturated +25%#36C600

Less saturated −25%#4A992D

Channel breakdown

R63

G178

B20

Red63 (24.7%)

Green178 (69.8%)

Blue20 (7.8%)

Hue103.67°

Saturation (HSL)79.8%

Lightness38.82%

Dominant channelGreen

Hex per channelR 3F · G B2 · B 14

Keep nerding

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

#3FB214

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