#cb0a4c

Color #cb0a4c

A vivid, highly saturated medium pink.

Closest named color Crimson #dc143c · ΔE 15.72 Nearest Tailwind class pink-700 #c6005c · ΔE 5.3

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

Conversions

HEX

#cb0a4c

RGB

rgb(203, 10, 76)

HSL

hsl(339.5, 90.6%, 41.8%)

HSV / HSB

hsv(339.5, 95.1%, 79.6%)

CMYK

cmyk(0%, 95.1%, 62.6%, 20.4%)

LAB

lab(43.42, 68.65, 18.47)

LCH

lch(43.42, 71.09, 15.06)

OKLCH

oklch(53.9%, 0.2118, 12.26)

HWB

hwb(339.5, 3.9%, 20.4%)

Harmony colors

Complementary

#0acb89

Analogous

#cb0aad

#cb0a4c

#cb290a

Triadic

#cb0a4c

#4ccb0a

#0a4ccb

Split-complementary

#cb0a4c

#0acb29

#0aadcb

Tetradic

#cb0a4c

#cb890a

#0acb89

#0a4ccb

Square

#cb0a4c

#adcb0a

#0acb89

#290acb

Shades

Color #cb0a4c mixed toward black.

#a9083f

#870733

#660526

#440319

#22020d

Tints

Color #cb0a4c mixed toward white.

#f31360

#f64280

#f872a0

#faa1bf

#fdd0df

Tones

Color #cb0a4c mixed toward gray.

#bb1a51

#ab2a56

#9b3a5b

#8b4a60

#7b5a65

Accessibility

Aa White text on this color

5.7:1

Aa Black text on this color

3.69:1

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

Under color vision deficiencies

Protanopia

#9e9c43 · ΔE 56.2

Deuteranopia

#a5ad40 · ΔE 62.5

Tritanopia

#c63a38 · ΔE 10.6

Achromatopsia

#676767 · ΔE 27.5

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

Code

CSS

background-color: #cb0a4c;

Tailwind (arbitrary value)

bg-[#cb0a4c]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Crimson #dc143c

Hot Pink #ff69b4

Pink #ffc0cb

Light Pink #ffb6c1

Frequently asked questions

#cb0a4c (#cb0a4c) is rgb(203, 10, 76) in RGB.

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

Generate a palette → Check contrast