#23211a

Color #23211a

A nearly neutral, gray-leaning very dark yellow.

Closest named color Black #000000 · ΔE 13.72 Nearest Tailwind class olive-900 #1d1d16 · ΔE 2

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

Conversions

HEX

#23211a

RGB

rgb(35, 33, 26)

HSL

hsl(46.7, 14.8%, 12%)

HSV / HSB

hsv(46.7, 25.7%, 13.7%)

CMYK

cmyk(0%, 5.7%, 25.7%, 86.3%)

LAB

lab(12.73, -0.6, 5.09)

LCH

lch(12.73, 5.13, 96.72)

OKLCH

oklch(24.8%, 0.0131, 93.93)

HWB

hwb(46.7, 10.2%, 86.3%)

Harmony colors

Complementary

#1a1c23

Analogous

#231d1a

#23211a

#21231a

Triadic

#23211a

#1a2321

#211a23

Split-complementary

#23211a

#1a2123

#1d1a23

Tetradic

#23211a

#1c231a

#1a1c23

#211a23

Square

#23211a

#1a231d

#1a1c23

#231a21

Shades

Color #23211a mixed toward black.

#1d1c16

#171611

#12110d

#0c0b09

#060604

Tints

Color #23211a mixed toward white.

#4e4a3a

#79725a

#9f987e

#bfbaa9

#dfddd4

Tones

Color #23211a mixed toward gray.

#22211b

#22201c

#21201c

#201f1d

#1f1f1e

Accessibility

Aa White text on this color

16.11:1

Aa Black text on this color

1.3:1

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

Under color vision deficiencies

Protanopia

#22221c · ΔE 1.5

Deuteranopia

#22221c · ΔE 1.5

Tritanopia

#231d1e · ΔE 7

Achromatopsia

#212121 · ΔE 4.6

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

Code

CSS

background-color: #23211a;

Tailwind (arbitrary value)

bg-[#23211a]

Related colors

Cornsilk #fff8dc

Goldenrod #daa520

Gold #ffd700

Dark Goldenrod #b8860b

Floral White #fffaf0

Khaki #f0e68c

Frequently asked questions

#23211a (#23211a) is rgb(35, 33, 26) in RGB.

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

Generate a palette → Check contrast