#481b2e

Color #481b2e

A moderately saturated very dark pink.

Closest named color Black #000000 · ΔE 29.52 Nearest Tailwind class pink-950 #510424 · ΔE 5.9

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

Conversions

HEX

#481b2e

RGB

rgb(72, 27, 46)

HSL

hsl(334.7, 45.5%, 19.4%)

HSV / HSB

hsv(334.7, 62.5%, 28.2%)

CMYK

cmyk(0%, 62.5%, 36.1%, 71.8%)

LAB

lab(17.27, 23.85, -2.04)

LCH

lch(17.27, 23.94, 355.11)

OKLCH

oklch(29.6%, 0.0727, 355.98)

HWB

hwb(334.7, 10.6%, 71.8%)

Harmony colors

Complementary

#1b4835

Analogous

#481b44

#481b2e

#481e1b

Triadic

#481b2e

#2e481b

#1b2e48

Split-complementary

#481b2e

#1b481e

#1b4448

Tetradic

#481b2e

#48351b

#1b4835

#1b2e48

Square

#481b2e

#44481b

#1b4835

#1e1b48

Shades

Color #481b2e mixed toward black.

#3c1626

#30121f

#240d17

#18090f

#0c0408

Tints

Color #481b2e mixed toward white.

#7a2e4e

#ac406e

#c76991

#da9bb6

#eccdda

Tones

Color #481b2e mixed toward gray.

#441f2f

#40222f

#3d2630

#392a30

#352e31

Accessibility

Aa White text on this color

14.27:1

Aa Black text on this color

1.47:1

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

Under color vision deficiencies

Protanopia

#39392a · ΔE 28.9

Deuteranopia

#3c3e29 · ΔE 32.2

Tritanopia

#462726 · ΔE 8.9

Achromatopsia

#2a2a2a · ΔE 19.6

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

Code

CSS

background-color: #481b2e;

Tailwind (arbitrary value)

bg-[#481b2e]

Related colors

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Deep Pink #ff1493

Medium Violet Red #c71585

Crimson #dc143c

Frequently asked questions

#481b2e (#481b2e) is rgb(72, 27, 46) in RGB.

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

Generate a palette → Check contrast