#253116

Color #253116

A muted very dark green.

Closest named color Dark Slate Gray #2f4f4f · ΔE 23.09 Nearest Tailwind class lime-950 #192e03 · ΔE 4.9

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

Conversions

HEX

#253116

RGB

rgb(37, 49, 22)

HSL

hsl(86.7, 38%, 13.9%)

HSV / HSB

hsv(86.7, 55.1%, 19.2%)

CMYK

cmyk(24.5%, 0%, 55.1%, 80.8%)

LAB

lab(18.57, -10.85, 15.55)

LCH

lch(18.57, 18.96, 124.91)

OKLCH

oklch(29.4%, 0.0481, 128.59)

HWB

hwb(86.7, 8.6%, 80.8%)

Harmony colors

Complementary

#221631

Analogous

#312f16

#253116

#173116

Triadic

#253116

#162531

#311625

Split-complementary

#253116

#161731

#2f1631

Tetradic

#253116

#163122

#221631

#311625

Square

#253116

#16312f

#221631

#311617

Shades

Color #253116 mixed toward black.

#1f2912

#19210f

#12180b

#0c1007

#060804

Tints

Color #253116 mixed toward white.

#4b632d

#719643

#96bb68

#b9d29a

#dce8cd

Tones

Color #253116 mixed toward gray.

#252f18

#242c1a

#242a1d

#24281f

#242621

Accessibility

Aa White text on this color

13.73:1

Aa Black text on this color

1.53:1

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

Under color vision deficiencies

Protanopia

#2b2b1f · ΔE 8.8

Deuteranopia

#2a2921 · ΔE 11

Tritanopia

#262425 · ΔE 17.4

Achromatopsia

#2d2d2d · ΔE 14.9

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

Code

CSS

background-color: #253116;

Tailwind (arbitrary value)

bg-[#253116]

Related colors

Green Yellow #adff2f

Chartreuse #7fff00

Lawn Green #7cfc00

Dark Olive Green #556b2f

Yellow Green #9acd32

Olive Drab #6b8e23

Frequently asked questions

#253116 (#253116) is rgb(37, 49, 22) in RGB.

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

Generate a palette → Check contrast