#cb009c

Color #cb009c

A vivid, highly saturated dark magenta.

Closest named color Medium Violet Red #c71585 · ΔE 13.56 Nearest Tailwind class fuchsia-700 #a800b7 · ΔE 9.7

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

Conversions

HEX

#cb009c

RGB

rgb(203, 0, 156)

HSL

hsl(313.9, 100%, 39.8%)

HSV / HSB

hsv(313.9, 100%, 79.6%)

CMYK

cmyk(0%, 100%, 23.2%, 20.4%)

LAB

lab(45.77, 76.55, -27.5)

LCH

lch(45.77, 81.34, 340.24)

OKLCH

oklch(56.5%, 0.243, 342.27)

HWB

hwb(313.9, 0%, 20.4%)

Harmony colors

Complementary

#00cb2f

Analogous

#9500cb

#cb009c

#cb0036

Triadic

#cb009c

#9ccb00

#009ccb

Split-complementary

#cb009c

#36cb00

#00cb95

Tetradic

#cb009c

#cb2f00

#00cb2f

#009ccb

Square

#cb009c

#cb9500

#00cb2f

#0036cb

Shades

Color #cb009c mixed toward black.

#a90082

#870068

#65004e

#440034

#22001a

Tints

Color #cb009c mixed toward white.

#fe00c3

#ff32d0

#ff65db

#ff99e7

#ffccf3

Tones

Color #cb009c mixed toward gray.

#ba1193

#a9228a

#983381

#874478

#76556f

Accessibility

Aa White text on this color

5.22:1

Aa Black text on this color

4.02:1

White text reads better on this background (5.22:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#9d9c89 · ΔE 45.8

Deuteranopia

#a4ad85 · ΔE 59.2

Tritanopia

#c67874 · ΔE 27.1

Achromatopsia

#6c6c6c · ΔE 28.8

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

Code

CSS

background-color: #cb009c;

Tailwind (arbitrary value)

bg-[#cb009c]

Related colors

Medium Violet Red #c71585

Orchid #da70d6

Deep Pink #ff1493

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#cb009c (#cb009c) is rgb(203, 0, 156) in RGB.

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

Generate a palette → Check contrast