#5abd45

Color #5abd45

A moderately saturated medium green.

Closest named color Forest Green #228b22 · ΔE 19.05 Nearest Tailwind class green-500 #00c950 · ΔE 5.4

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

Conversions

HEX

#5abd45

RGB

rgb(90, 189, 69)

HSL

hsl(109.5, 47.6%, 50.6%)

HSV / HSB

hsv(109.5, 63.5%, 74.1%)

CMYK

cmyk(52.4%, 0%, 63.5%, 25.9%)

LAB

lab(68.75, -51.53, 50.45)

LCH

lch(68.75, 72.11, 135.61)

OKLCH

oklch(71.3%, 0.1834, 140.33)

HWB

hwb(109.5, 27.1%, 25.9%)

Harmony colors

Complementary

#a845bd

Analogous

#96bd45

#5abd45

#45bd6c

Triadic

#5abd45

#455abd

#bd455a

Split-complementary

#5abd45

#6c45bd

#bd4596

Tetradic

#5abd45

#45bda8

#a845bd

#bd455a

Square

#5abd45

#4596bd

#a845bd

#bd6c45

Shades

Color #5abd45 mixed toward black.

#4a9f38

#3b7f2d

#2d5f22

#1e3f17

#0f200b

Tints

Color #5abd45 mixed toward white.

#76c864

#91d383

#addea2

#c8e9c1

#e4f4e0

Tones

Color #5abd45 mixed toward gray.

#61b34f

#67a959

#6e9f63

#74956d

#7b8b77

Accessibility

Aa White text on this color

2.39:1

Aa Black text on this color

8.8:1

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

Under color vision deficiencies

Protanopia

#909172 · ΔE 21.8

Deuteranopia

#8a827a · ΔE 30.5

Tritanopia

#628a8f · ΔE 32.4

Achromatopsia

#a8a8a8 · ΔE 27.6

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

Code

CSS

background-color: #5abd45;

Tailwind (arbitrary value)

bg-[#5abd45]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#5abd45 (#5abd45) is rgb(90, 189, 69) in RGB.

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

Generate a palette → Check contrast