#26221e

Color #26221e

A nearly neutral, gray-leaning very dark orange.

Closest named color Black #000000 · ΔE 13.98 Nearest Tailwind class stone-800 #292524 · ΔE 2.4

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

Conversions

HEX

#26221e

RGB

rgb(38, 34, 30)

HSL

hsl(30, 11.8%, 13.3%)

HSV / HSB

hsv(30, 21.1%, 14.9%)

CMYK

cmyk(0%, 10.5%, 21.1%, 85.1%)

LAB

lab(13.53, 1.01, 3.38)

LCH

lch(13.53, 3.53, 73.36)

OKLCH

oklch(25.5%, 0.0095, 67.2)

HWB

hwb(30, 11.8%, 85.1%)

Harmony colors

Complementary

#1e2226

Analogous

#261e1e

#26221e

#26261e

Triadic

#26221e

#1e2622

#221e26

Split-complementary

#26221e

#1e2626

#1e1e26

Tetradic

#26221e

#22261e

#1e2226

#221e26

Square

#26221e

#1e261e

#1e2226

#261e26

Shades

Color #26221e mixed toward black.

#201c19

#191714

#13110f

#0d0b0a

#060605

Tints

Color #26221e mixed toward white.

#4f473e

#786c5f

#9e9083

#beb5ad

#dfdad6

Tones

Color #26221e mixed toward gray.

#25221f

#242220

#232221

Accessibility

Aa White text on this color

15.79:1

Aa Black text on this color

1.33:1

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

Under color vision deficiencies

Protanopia

#24241f · ΔE 3.2

Deuteranopia

#25251f · ΔE 3.5

Tritanopia

#262020 · ΔE 3.5

Achromatopsia

#232323 · ΔE 3.4

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

Code

CSS

background-color: #26221e;

Tailwind (arbitrary value)

bg-[#26221e]

Related colors

Linen #faf0e6

Peru #cd853f

Peach Puff #ffdab9

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#26221e (#26221e) is rgb(38, 34, 30) in RGB.

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

Generate a palette → Check contrast