#6b1036

Color #6b1036

A vivid, highly saturated dark pink.

Closest named color Brown #a52a2a · ΔE 33.74 Nearest Tailwind class pink-900 #861043 · ΔE 5.4

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

Conversions

HEX

#6b1036

RGB

rgb(107, 16, 54)

HSL

hsl(334.9, 74%, 24.1%)

HSV / HSB

hsv(334.9, 85%, 42%)

CMYK

cmyk(0%, 85%, 49.5%, 58%)

LAB

lab(22.87, 41.17, 1.37)

LCH

lch(22.87, 41.19, 1.91)

OKLCH

oklch(35.2%, 0.1265, 1.81)

HWB

hwb(334.9, 6.3%, 58%)

Harmony colors

Complementary

#106b45

Analogous

#6b1064

#6b1036

#6b1710

Triadic

#6b1036

#366b10

#10366b

Split-complementary

#6b1036

#106b17

#10646b

Tetradic

#6b1036

#6b4510

#106b45

#10366b

Square

#6b1036

#646b10

#106b45

#17106b

Shades

Color #6b1036 mixed toward black.

#590d2d

#470b24

#35081b

#240512

#120309

Tints

Color #6b1036 mixed toward white.

#a31852

#db216f

#e65793

#ee8fb7

#f7c7db

Tones

Color #6b1036 mixed toward gray.

#631837

#5c1f39

#54273a

#4d2e3b

#45363c

Accessibility

Aa White text on this color

11.98:1

Aa Black text on this color

1.75:1

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

Under color vision deficiencies

Protanopia

#535230 · ΔE 38.4

Deuteranopia

#565b2e · ΔE 43.5

Tritanopia

#692a29 · ΔE 11.1

Achromatopsia

#373737 · ΔE 24.1

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

Code

CSS

background-color: #6b1036;

Tailwind (arbitrary value)

bg-[#6b1036]

Related colors

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Deep Pink #ff1493

Medium Violet Red #c71585

Crimson #dc143c

Frequently asked questions

#6b1036 (#6b1036) is rgb(107, 16, 54) in RGB.

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

Generate a palette → Check contrast