#3cfb5c

Color #3cfb5c

A vivid, highly saturated light green.

Closest named color Spring Green #00ff7f · ΔE 14.3 Nearest Tailwind class green-400 #05df72 · ΔE 8.2

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#3cfb5c

RGB

rgb(60, 251, 92)

HSL

hsl(130.1, 96%, 61%)

HSV / HSB

hsv(130.1, 76.1%, 98.4%)

CMYK

cmyk(76.1%, 0%, 63.3%, 1.6%)

LAB

lab(87.35, -76.2, 61.27)

LCH

lch(87.35, 97.78, 141.2)

OKLCH

oklch(86.6%, 0.2501, 145.26)

HWB

hwb(130.1, 23.5%, 1.6%)

Harmony colors

Complementary

#fb3cdb

Analogous

#7bfb3c

#3cfb5c

#3cfbbc

Triadic

#3cfb5c

#5c3cfb

#fb5c3c

Split-complementary

#3cfb5c

#bc3cfb

#fb3c7b

Tetradic

#3cfb5c

#3cdbfb

#fb3cdb

#fb5c3c

Square

#3cfb5c

#3c7bfb

#fb3cdb

#fbbc3c

Shades

Color #3cfb5c mixed toward black.

#09fa32

#04cb26

#03981c

#026613

#013309

Tints

Color #3cfb5c mixed toward white.

#5dfc77

#7dfc92

#9efdae

#befec9

#dffee4

Tones

Color #3cfb5c mixed toward gray.

#4ceb67

#5cdb71

#6ccb7c

#7cbb86

#8cab91

Accessibility

Aa White text on this color

1.39:1

Aa Black text on this color

15.15:1

Black text reads better on this background (15.15:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#b2b398 · ΔE 27.7

Deuteranopia

#a89aa3 · ΔE 47.5

Tritanopia

#55b8be · ΔE 35.1

Achromatopsia

#dbdbdb · ΔE 30.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #3cfb5c;

Tailwind (arbitrary value)

bg-[#3cfb5c]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#3cfb5c (#3cfb5c) is rgb(60, 251, 92) in RGB.

No, #3cfb5c is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #3cfb5c, or check how it holds up for accessibility.

Generate a palette → Check contrast