#ad0a42

Color #ad0a42

A vivid, highly saturated dark pink.

Closest named color Brown #a52a2a · ΔE 19.04 Nearest Tailwind class rose-800 #a50036 · ΔE 3.1

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

Conversions

HEX

#ad0a42

RGB

rgb(173, 10, 66)

HSL

hsl(339.4, 89.1%, 35.9%)

HSV / HSB

hsv(339.4, 94.2%, 67.8%)

CMYK

cmyk(0%, 94.2%, 61.8%, 32.2%)

LAB

lab(36.93, 60.74, 15.05)

LCH

lch(36.93, 62.58, 13.92)

OKLCH

oklch(48%, 0.1873, 11.39)

HWB

hwb(339.4, 3.9%, 32.2%)

Harmony colors

Complementary

#0aad75

Analogous

#ad0a94

#ad0a42

#ad240a

Triadic

#ad0a42

#42ad0a

#0a42ad

Split-complementary

#ad0a42

#0aad24

#0a94ad

Tetradic

#ad0a42

#ad750a

#0aad75

#0a42ad

Square

#ad0a42

#94ad0a

#0aad75

#240aad

Shades

Color #ad0a42 mixed toward black.

#900837

#73072c

#570521

#3a0316

#1d020b

Tints

Color #ad0a42 mixed toward white.

#e10d56

#f33174

#f66496

#f998b9

#fccbdc

Tones

Color #ad0a42 mixed toward gray.

#a01846

#92254b

#84334f

#774053

#694e57

Accessibility

Aa White text on this color

7.24:1

Aa Black text on this color

2.9:1

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

Under color vision deficiencies

Protanopia

#86853a · ΔE 51.9

Deuteranopia

#8c9338 · ΔE 57.9

Tritanopia

#a93230 · ΔE 10.3

Achromatopsia

#575757 · ΔE 26.4

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

Code

CSS

background-color: #ad0a42;

Tailwind (arbitrary value)

bg-[#ad0a42]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Crimson #dc143c

Hot Pink #ff69b4

Pink #ffc0cb

Light Pink #ffb6c1

Frequently asked questions

#ad0a42 (#ad0a42) is rgb(173, 10, 66) in RGB.

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

Generate a palette → Check contrast