#5cc452

Color #5cc452

A moderately saturated medium green.

Closest named color Light Green #90ee90 · ΔE 19.55 Nearest Tailwind class green-500 #00c950 · ΔE 4.3

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

Conversions

HEX

#5cc452

RGB

rgb(92, 196, 82)

HSL

hsl(114.7, 49.1%, 54.5%)

HSV / HSB

hsv(114.7, 58.2%, 76.9%)

CMYK

cmyk(53.1%, 0%, 58.2%, 23.1%)

LAB

lab(71.12, -52.3, 47.36)

LCH

lch(71.12, 70.56, 137.84)

OKLCH

oklch(73.4%, 0.1811, 141.93)

HWB

hwb(114.7, 32.2%, 23.1%)

Harmony colors

Complementary

#ba52c4

Analogous

#95c452

#5cc452

#52c481

Triadic

#5cc452

#525cc4

#c4525c

Split-complementary

#5cc452

#8152c4

#c45295

Tetradic

#5cc452

#52c4ba

#ba52c4

#c4525c

Square

#5cc452

#5295c4

#ba52c4

#c48152

Shades

Color #5cc452 mixed toward black.

#45ad3b

#378a2f

#296823

#1c4518

#0e230c

Tints

Color #5cc452 mixed toward white.

#77ce6f

#92d88c

#aee1a9

#c9ebc5

#e4f5e2

Tones

Color #5cc452 mixed toward gray.

#64ba5c

#6cb165

#74a76e

#7b9e78

#839481

Accessibility

Aa White text on this color

2.22:1

Aa Black text on this color

9.47:1

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

Under color vision deficiencies

Protanopia

#95967b · ΔE 22.4

Deuteranopia

#8f8782 · ΔE 31.6

Tritanopia

#659296 · ΔE 31

Achromatopsia

#aeaeae · ΔE 27.4

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

Code

CSS

background-color: #5cc452;

Tailwind (arbitrary value)

bg-[#5cc452]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#5cc452 (#5cc452) is rgb(92, 196, 82) in RGB.

No, #5cc452 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 #5cc452, or check how it holds up for accessibility.

Generate a palette → Check contrast