#cd5674

Color #cd5674

A moderately saturated medium pink.

Closest named color Pale Violet Red #db7093 · ΔE 11.15 Nearest Tailwind class pink-600 #e60076 · ΔE 8.6

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

Conversions

HEX

#cd5674

RGB

rgb(205, 86, 116)

HSL

hsl(344.9, 54.3%, 57.1%)

HSV / HSB

hsv(344.9, 58%, 80.4%)

CMYK

cmyk(0%, 58%, 43.4%, 19.6%)

LAB

lab(52.84, 49.88, 7.15)

LCH

lch(52.84, 50.39, 8.16)

OKLCH

oklch(61.3%, 0.1529, 7.1)

HWB

hwb(344.9, 33.7%, 19.6%)

Harmony colors

Complementary

#56cdaf

Analogous

#cd56b0

#cd5674

#cd7456

Triadic

#cd5674

#74cd56

#5674cd

Split-complementary

#cd5674

#56cd74

#56b0cd

Tetradic

#cd5674

#cdaf56

#56cdaf

#5674cd

Square

#cd5674

#b0cd56

#56cdaf

#7456cd

Shades

Color #cd5674 mixed toward black.

#bb3759

#962c47

#702135

#4b1623

#250b12

Tints

Color #cd5674 mixed toward white.

#d5728b

#de8ea2

#e6abba

#eec7d1

#f7e3e8

Tones

Color #cd5674 mixed toward gray.

#c36079

#b96a7e

#af7483

#a57e88

#9c888d

Accessibility

Aa White text on this color

4.05:1

Aa Black text on this color

5.18:1

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

Under color vision deficiencies

Protanopia

#a7a66e · ΔE 45.4

Deuteranopia

#adb46c · ΔE 51.4

Tritanopia

#c96867 · ΔE 8.9

Achromatopsia

#7e7e7e · ΔE 25

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

Code

CSS

background-color: #cd5674;

Tailwind (arbitrary value)

bg-[#cd5674]

Related colors

Crimson #dc143c

Pale Violet Red #db7093

Pink #ffc0cb

Lavender Blush #fff0f5

Light Pink #ffb6c1

Hot Pink #ff69b4

Frequently asked questions

#cd5674 (#cd5674) is rgb(205, 86, 116) in RGB.

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

Generate a palette → Check contrast