#7a1b33

Color #7a1b33

A moderately saturated dark pink.

Closest named color Brown #a52a2a · ΔE 24.32 Nearest Tailwind class rose-900 #8b0836 · ΔE 3.5

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

Conversions

HEX

#7a1b33

RGB

rgb(122, 27, 51)

HSL

hsl(344.8, 63.8%, 29.2%)

HSV / HSB

hsv(344.8, 77.9%, 47.8%)

CMYK

cmyk(0%, 77.9%, 58.2%, 52.2%)

LAB

lab(27.19, 41.87, 9.96)

LCH

lch(27.19, 43.04, 13.38)

OKLCH

oklch(38.9%, 0.1291, 11.16)

HWB

hwb(344.8, 10.6%, 52.2%)

Harmony colors

Complementary

#1b7a62

Analogous

#7a1b63

#7a1b33

#7a321b

Triadic

#7a1b33

#337a1b

#1b337a

Split-complementary

#7a1b33

#1b7a32

#1b637a

Tetradic

#7a1b33

#7a621b

#1b7a62

#1b337a

Square

#7a1b33

#637a1b

#1b7a62

#321b7a

Shades

Color #7a1b33 mixed toward black.

#66162b

#511222

#3d0d1a

#290911

#140409

Tints

Color #7a1b33 mixed toward white.

#ab2648

#d33a61

#de6b88

#e99cb0

#f4ced7

Tones

Color #7a1b33 mixed toward gray.

#722337

#6a2b3b

#62333f

#5a3b43

#524347

Accessibility

Aa White text on this color

10.33:1

Aa Black text on this color

2.03:1

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

Under color vision deficiencies

Protanopia

#5f5f2e · ΔE 40.2

Deuteranopia

#63682d · ΔE 44.2

Tritanopia

#772a29 · ΔE 7.2

Achromatopsia

#404040 · ΔE 24.2

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

Code

CSS

background-color: #7a1b33;

Tailwind (arbitrary value)

bg-[#7a1b33]

Related colors

Crimson #dc143c

Pale Violet Red #db7093

Pink #ffc0cb

Lavender Blush #fff0f5

Light Pink #ffb6c1

Hot Pink #ff69b4

Frequently asked questions

#7a1b33 (#7a1b33) is rgb(122, 27, 51) in RGB.

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

Generate a palette → Check contrast