#45cd54

Color #45cd54

A moderately saturated medium green.

Closest named color Lime Green #32cd32 · ΔE 14.24 Nearest Tailwind class green-500 #00c950 · ΔE 2.5

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

Conversions

HEX

#45cd54

RGB

rgb(69, 205, 84)

HSL

hsl(126.6, 57.6%, 53.7%)

HSV / HSB

hsv(126.6, 66.3%, 80.4%)

CMYK

cmyk(66.3%, 0%, 59%, 19.6%)

LAB

lab(73.26, -60.66, 48.77)

LCH

lch(73.26, 77.83, 141.2)

OKLCH

oklch(74.9%, 0.2004, 144.98)

HWB

hwb(126.6, 27.1%, 19.6%)

Harmony colors

Complementary

#cd45be

Analogous

#7acd45

#45cd54

#45cd98

Triadic

#45cd54

#5445cd

#cd5445

Split-complementary

#45cd54

#9845cd

#cd457a

Tetradic

#45cd54

#45becd

#cd45be

#cd5445

Square

#45cd54

#457acd

#cd45be

#cd9845

Shades

Color #45cd54 mixed toward black.

#30b43f

#279032

#1d6c26

#134819

#0a240d

Tints

Color #45cd54 mixed toward white.

#64d570

#83de8d

#a2e6a9

#c1eec6

#e0f7e2

Tones

Color #45cd54 mixed toward gray.

#50c25d

#5cb666

#67ab6e

#72a077

#7e9480

Accessibility

Aa White text on this color

2.08:1

Aa Black text on this color

10.11:1

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

Under color vision deficiencies

Protanopia

#949680 · ΔE 25.1

Deuteranopia

#8d8288 · ΔE 41.7

Tritanopia

#53989d · ΔE 32

Achromatopsia

#b4b4b4 · ΔE 28.4

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

Code

CSS

background-color: #45cd54;

Tailwind (arbitrary value)

bg-[#45cd54]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#45cd54 (#45cd54) is rgb(69, 205, 84) in RGB.

No, #45cd54 is not web-safe. The nearest web-safe colors are among its tones and shades below.

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 #45cd54, or check how it holds up for accessibility.

Generate a palette → Check contrast