#282e25

Color #282e25

A nearly neutral, gray-leaning very dark green.

Closest named color Charcoal #36454f · ΔE 16.58 Nearest Tailwind class olive-800 #2b2b22 · ΔE 3.7

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

Conversions

HEX

#282e25

RGB

rgb(40, 46, 37)

HSL

hsl(100, 10.8%, 16.3%)

HSV / HSB

hsv(100, 19.6%, 18%)

CMYK

cmyk(13%, 0%, 19.6%, 82%)

LAB

lab(18.09, -4.76, 4.94)

LCH

lch(18.09, 6.86, 133.94)

OKLCH

oklch(29.2%, 0.018, 135.22)

HWB

hwb(100, 14.5%, 82%)

Harmony colors

Complementary

#2b252e

Analogous

#2d2e25

#282e25

#252e27

Triadic

#282e25

#25282e

#2e2528

Split-complementary

#282e25

#27252e

#2e252d

Tetradic

#282e25

#252e2b

#2b252e

#2e2528

Square

#282e25

#252d2e

#2b252e

#2e2725

Shades

Color #282e25 mixed toward black.

#21261f

#1b1f19

#141713

#0d0f0c

#070806

Tints

Color #282e25 mixed toward white.

#4a5545

#6d7d65

#90a089

#b5c0b0

#dadfd8

Tones

Color #282e25 mixed toward gray.

#282d26

#292d27

#292c27

#292b28

#292a29

Accessibility

Aa White text on this color

13.93:1

Aa Black text on this color

1.51:1

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

Under color vision deficiencies

Protanopia

#2b2b27 · ΔE 5

Deuteranopia

#2a2a28 · ΔE 6.1

Tritanopia

#28292a · ΔE 7.7

Achromatopsia

#2c2c2c · ΔE 7.3

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

Code

CSS

background-color: #282e25;

Tailwind (arbitrary value)

bg-[#282e25]

Related colors

Lawn Green #7cfc00

Chartreuse #7fff00

Green Yellow #adff2f

Dark Olive Green #556b2f

Forest Green #228b22

Mint Green #98ff98

Frequently asked questions

#282e25 (#282e25) is rgb(40, 46, 37) in RGB.

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

Generate a palette → Check contrast