#215d38

Color #215d38

A moderately saturated dark green.

Closest named color Dark Olive Green #556b2f · ΔE 19.42 Nearest Tailwind class green-900 #0d542b · ΔE 3.5

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

Conversions

HEX

#215d38

RGB

rgb(33, 93, 56)

HSL

hsl(143, 47.6%, 24.7%)

HSV / HSB

hsv(143, 64.5%, 36.5%)

CMYK

cmyk(64.5%, 0%, 39.8%, 63.5%)

LAB

lab(34.88, -28.82, 15.66)

LCH

lch(34.88, 32.8, 151.48)

OKLCH

oklch(42.9%, 0.0874, 153.35)

HWB

hwb(143, 12.9%, 63.5%)

Harmony colors

Complementary

#5d2146

Analogous

#285d21

#215d38

#215d56

Triadic

#215d38

#38215d

#5d3821

Split-complementary

#215d38

#56215d

#5d2128

Tetradic

#215d38

#21465d

#5d2146

#5d3821

Square

#215d38

#21285d

#5d2146

#5d5621

Shades

Color #215d38 mixed toward black.

#1c4d2f

#163e25

#112e1c

#0b1f13

#060f09

Tints

Color #215d38 mixed toward white.

#328c54

#43bb71

#71cd94

#a1ddb8

#d0eedb

Tones

Color #215d38 mixed toward gray.

#265839

#2b533a

#304e3b

#35493d

#3a443e

Accessibility

Aa White text on this color

7.81:1

Aa Black text on this color

2.69:1

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

Under color vision deficiencies

Protanopia

#434343 · ΔE 22.4

Deuteranopia

#403b46 · ΔE 29.2

Tritanopia

#274b4c · ΔE 16.4

Achromatopsia

#525252 · ΔE 21.8

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

Code

CSS

background-color: #215d38;

Tailwind (arbitrary value)

bg-[#215d38]

Related colors

Sea Green #2e8b57

Medium Sea Green #3cb371

Spring Green #00ff7f

Mint Cream #f5fffa

Medium Spring Green #00fa9a

Medium Aquamarine #66cdaa

Frequently asked questions

#215d38 (#215d38) is rgb(33, 93, 56) in RGB.

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

Generate a palette → Check contrast