Nerdulator> put something in

Recognised as Colour

#3FF686

  • #3FF686
  • Green
  • Light
  • Nearest: Medium spring green

#3FF686 is a green with RGB values 63, 246, 134 and HSL 143°, 91%, 61%. It is a light colour, so black text on it reaches 14.7:1 contrast (AAA for normal text). The nearest named colour is Medium spring green.

Colour values

#3FF686#3FF686
HEX#3FF686
RGBrgb(63, 246, 134)
RGB (0–1)0.2471, 0.9647, 0.5255
RGB percentages24.7%, 96.5%, 52.5%
HSLhsl(143.3, 91%, 60.6%)
HSV / HSBhsv(143.3, 74.4%, 96.5%)
CMYK74.4%, 0%, 45.5%, 3.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,191,878
CSS custom property--colour: #3FF686;

Brightness & contrast

Relative luminance0.6869WCAG 2.x, 0 is black and 1 is white
Perceived brightness196.9 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.74:1
Contrast with white1.42:1WCAG normal text: Fail
Contrast with black14.74:1WCAG normal text: AAA
Greyscale equivalent#C7C7C7
Inverted#C00979

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#F7E17Dno red cones; affects about 1% of men; ΔE 64.4 from the original
Deuteranopia#E2D28Eno green cones; the most common form, about 1% of men; ΔE 64.8 from the original
Tritanopia#00F2DBno blue cones; rare, and affects men and women equally; ΔE 46.4 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.74:1WCAG large text: AAA

Named colours

Medium spring green · ΔE 9Spring green · ΔE 10.4Pale green · ΔE 21Light green · ΔE 22.7Limegreen · ΔE 24.6Medium seagreen · ΔE 33.8
Nearest named CSS colourMedium spring green (#00FA9A)ΔE 8.96, clearly different but related
Hue familygreen
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#F63FAF
Analogous#54F63F, #3FF6E2
Triadic#863FF6, #F6863F
Split complementary#E23FF6, #F63F53
Tetradic#3F53F6, #F63FAF, #F6E23F

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#D1FDE2
Lighter +20%#A0FBC3
Lighter +10%#70F8A5
Darker −10%#0EF467
Darker −20%#09C652
Darker −30%#07953E
Darker −40%#05642A
More saturated +25%#36FF84
Less saturated −25%#58DD8C

Channel breakdown

R63
G246
B134
Red63 (24.7%)
Green246 (96.5%)
Blue134 (52.5%)
Hue143.28°
Saturation (HSL)91.04%
Lightness60.59%
Dominant channelGreen
Hex per channelR 3F · G F6 · B 86

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