#cf1b58

Color #cf1b58

A vivid, highly saturated medium pink.

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

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

Conversions

HEX

#cf1b58

RGB

rgb(207, 27, 88)

HSL

hsl(339.7, 76.9%, 45.9%)

HSV / HSB

hsv(339.7, 87%, 81.2%)

CMYK

cmyk(0%, 87%, 57.5%, 18.8%)

LAB

lab(45.3, 68.02, 13.66)

LCH

lch(45.3, 69.38, 11.36)

OKLCH

oklch(55.6%, 0.2094, 9.43)

HWB

hwb(339.7, 10.6%, 18.8%)

Harmony colors

Complementary

#1bcf92

Analogous

#cf1bb2

#cf1b58

#cf381b

Triadic

#cf1b58

#58cf1b

#1b58cf

Split-complementary

#cf1b58

#1bcf38

#1bb2cf

Tetradic

#cf1b58

#cf921b

#1bcf92

#1b58cf

Square

#cf1b58

#b2cf1b

#1bcf92

#381bcf

Shades

Color #cf1b58 mixed toward black.

#ad1749

#8a123b

#680e2c

#45091d

#23050f

Tints

Color #cf1b58 mixed toward white.

#e4346f

#ea5c8c

#ef85a9

#f4aec6

#fad6e2

Tones

Color #cf1b58 mixed toward gray.

#c02a5d

#b13962

#a24866

#93576b

#846670

Accessibility

Aa White text on this color

5.32:1

Aa Black text on this color

3.95:1

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

Under color vision deficiencies

Protanopia

#a1a04e · ΔE 56.1

Deuteranopia

#a8b14c · ΔE 62.6

Tritanopia

#ca4543 · ΔE 11.7

Achromatopsia

#6b6b6b · ΔE 27.3

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

Code

CSS

background-color: #cf1b58;

Tailwind (arbitrary value)

bg-[#cf1b58]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Crimson #dc143c

Hot Pink #ff69b4

Pink #ffc0cb

Light Pink #ffb6c1

Frequently asked questions

#cf1b58 (#cf1b58) is rgb(207, 27, 88) in RGB.

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

Generate a palette → Check contrast