#515d52

Color #515d52

A nearly neutral, gray-leaning dark green.

Closest named color Dim Gray #696969 · ΔE 10.55 Nearest Tailwind class olive-600 #5b5b4b · ΔE 6

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

Conversions

HEX

#515d52

RGB

rgb(81, 93, 82)

HSL

hsl(125, 6.9%, 34.1%)

HSV / HSB

hsv(125, 12.9%, 36.5%)

CMYK

cmyk(12.9%, 0%, 11.8%, 63.5%)

LAB

lab(38.18, -7.06, 4.76)

LCH

lch(38.18, 8.51, 146.01)

OKLCH

oklch(46.5%, 0.023, 147.41)

HWB

hwb(125, 31.8%, 63.5%)

Harmony colors

Complementary

#5d515c

Analogous

#565d51

#515d52

#515d58

Triadic

#515d52

#52515d

#5d5251

Split-complementary

#515d52

#58515d

#5d5156

Tetradic

#515d52

#515c5d

#5d515c

#5d5251

Square

#515d52

#51565d

#5d515c

#5d5851

Shades

Color #515d52 mixed toward black.

#434d44

#363e37

#282e29

#1b1f1b

#0d0f0e

Tints

Color #515d52 mixed toward white.

#6b7b6c

#879789

#a5b1a6

#c3cbc4

#e1e5e1

Tones

Color #515d52 mixed toward gray.

#525c53

#535b54

#545a54

#555955

#565856

Accessibility

Aa White text on this color

6.91:1

Aa Black text on this color

3.04:1

White text reads better on this background (6.91:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#565755 · ΔE 7.9

Deuteranopia

#565555 · ΔE 10

Tritanopia

#525757 · ΔE 7.4

Achromatopsia

#5a5a5a · ΔE 9.2

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

Code

CSS

background-color: #515d52;

Tailwind (arbitrary value)

bg-[#515d52]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#515d52 (#515d52) is rgb(81, 93, 82) in RGB.

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

Generate a palette → Check contrast