Nerdulator> put something in

Colour

#3FA446

  • #3FA446
  • Green
  • Dark
  • Nearest: Forest green

#3FA446 is a green with RGB values 63, 164, 70 and HSL 124°, 44%, 45%. It is a dark colour, so black text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Forest green.

Colour values

#3FA446#3FA446
HEX#3FA446
RGBrgb(63, 164, 70)
RGB (0–1)0.2471, 0.6431, 0.2745
RGB percentages24.7%, 64.3%, 27.5%
HSLhsl(124.2, 44.5%, 44.5%)
HSV / HSBhsv(124.2, 61.6%, 64.3%)
CMYK61.6%, 0%, 57.3%, 35.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,170,822
CSS custom property--colour: #3FA446;

Brightness & contrast

Relative luminance0.2805WCAG 2.x, 0 is black and 1 is white
Perceived brightness132.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.61:1
Contrast with white3.18:1WCAG normal text: Fail
Contrast with black6.61:1WCAG normal text: AA
Greyscale equivalent#888888
Inverted#C05BB9

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A7963Dno red cones; affects about 1% of men; ΔE 44.9 from the original
Deuteranopia#9A8D4Dno green cones; the most common form, about 1% of men; ΔE 44.9 from the original
Tritanopia#2AA08Fno blue cones; rare, and affects men and women equally; ΔE 42.1 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.18:1WCAG large text: AA
Contrast with black, large text6.61:1WCAG large text: AAA

Named colours

Forest green · ΔE 10.8Medium seagreen · ΔE 16.3Green · ΔE 17.4Sea green · ΔE 23.2Olivedrab · ΔE 23.5Dark green · ΔE 24.4
Nearest named CSS colourForest green (#228B22)ΔE 10.79, a distinctly different colour
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A43F9D
Analogous#6BA43F, #3FA479
Triadic#463FA4, #A4463F
Split complementary#793FA4, #A43F6A
Tetradic#3F6AA4, #A43F9D, #A4783F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#C6E9C8
Lighter +30%#A1DBA5
Lighter +20%#7CCD82
Lighter +10%#57BF5F
Darker −10%#317F36
Darker −20%#235A27
Darker −30%#153517
Darker −40%#061107
More saturated +25%#23C02E
Less saturated −25%#5B885E

Channel breakdown

R63
G164
B70
Red63 (24.7%)
Green164 (64.3%)
Blue70 (27.5%)
Hue124.16°
Saturation (HSL)44.49%
Lightness44.51%
Dominant channelGreen
Hex per channelR 3F · G A4 · B 46

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