#6d022b

Color #6d022b

A vivid, highly saturated dark pink.

Closest named color Brown #a52a2a · ΔE 28.3 Nearest Tailwind class pink-950 #510424 · ΔE 6

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

Conversions

HEX

#6d022b

RGB

rgb(109, 2, 43)

HSL

hsl(337, 96.4%, 21.8%)

HSV / HSB

hsv(337, 98.2%, 42.7%)

CMYK

cmyk(0%, 98.2%, 60.6%, 57.3%)

LAB

lab(21.84, 44.13, 7.65)

LCH

lch(21.84, 44.79, 9.83)

OKLCH

oklch(34.4%, 0.1358, 8.17)

HWB

hwb(337, 0.8%, 57.3%)

Harmony colors

Complementary

#026d44

Analogous

#6d0261

#6d022b

#6d0f02

Triadic

#6d022b

#2b6d02

#022b6d

Split-complementary

#6d022b

#026d0f

#02616d

Tetradic

#6d022b

#6d4402

#026d44

#022b6d

Square

#6d022b

#616d02

#026d44

#0f026d

Shades

Color #6d022b mixed toward black.

#5b0224

#49011d

#370116

#24010e

#120007

Tints

Color #6d022b mixed toward white.

#ae0345

#f0045f

#fb3b85

#fd7cae

#febed6

Tones

Color #6d022b mixed toward gray.

#640b2d

#5b142f

#521d31

#492633

#412f36

Accessibility

Aa White text on this color

12.4:1

Aa Black text on this color

1.69:1

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

Under color vision deficiencies

Protanopia

#535325 · ΔE 41

Deuteranopia

#575c23 · ΔE 45.3

Tritanopia

#6a1f1e · ΔE 9.6

Achromatopsia

#343434 · ΔE 24.4

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

Code

CSS

background-color: #6d022b;

Tailwind (arbitrary value)

bg-[#6d022b]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#6d022b (#6d022b) is rgb(109, 2, 43) in RGB.

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

Generate a palette → Check contrast