#33262b

Color #33262b

A nearly neutral, gray-leaning very dark pink.

Closest named color Charcoal #36454f · ΔE 17.06 Nearest Tailwind class mauve-800 #2a212c · ΔE 4.2

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

Conversions

HEX

#33262b

RGB

rgb(51, 38, 43)

HSL

hsl(336.9, 14.6%, 17.5%)

HSV / HSB

hsv(336.9, 25.5%, 20%)

CMYK

cmyk(0%, 25.5%, 15.7%, 80%)

LAB

lab(16.82, 7.13, -0.94)

LCH

lch(16.82, 7.19, 352.49)

OKLCH

oklch(28.6%, 0.0212, 353.51)

HWB

hwb(336.9, 14.9%, 80%)

Harmony colors

Complementary

#26332e

Analogous

#332632

#33262b

#332826

Triadic

#33262b

#2b3326

#262b33

Split-complementary

#33262b

#263328

#263233

Tetradic

#33262b

#332e26

#26332e

#262b33

Square

#33262b

#323326

#26332e

#282633

Shades

Color #33262b mixed toward black.

#2b2024

#22191d

#1a1316

#110d0e

#090607

Tints

Color #33262b mixed toward white.

#5b444d

#84626f

#a58692

#c3afb7

#e1d7db

Tones

Color #33262b mixed toward gray.

#32272b

#31282c

#30292c

#2f2a2c

#2e2c2c

Accessibility

Aa White text on this color

14.45:1

Aa Black text on this color

1.45:1

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

Under color vision deficiencies

Protanopia

#2e2e2a · ΔE 11.1

Deuteranopia

#2f2f2a · ΔE 11.7

Tritanopia

#322929 · ΔE 3.9

Achromatopsia

#292929 · ΔE 8.6

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

Code

CSS

background-color: #33262b;

Tailwind (arbitrary value)

bg-[#33262b]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#33262b (#33262b) is rgb(51, 38, 43) in RGB.

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

Generate a palette → Check contrast