#cc315a

Color #cc315a

A moderately saturated medium pink.

Closest named color Indian Red #cd5c5c · ΔE 19.99 Nearest Tailwind class pink-700 #c6005c · ΔE 5.8

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

Conversions

HEX

#cc315a

RGB

rgb(204, 49, 90)

HSL

hsl(344.1, 61.3%, 49.6%)

HSV / HSB

hsv(344.1, 76%, 80%)

CMYK

cmyk(0%, 76%, 55.9%, 20%)

LAB

lab(46.68, 61.92, 14.22)

LCH

lch(46.68, 63.53, 12.93)

OKLCH

oklch(56.5%, 0.191, 10.77)

HWB

hwb(344.1, 19.2%, 20%)

Harmony colors

Complementary

#31cca3

Analogous

#cc31a8

#cc315a

#cc5531

Triadic

#cc315a

#5acc31

#315acc

Split-complementary

#cc315a

#31cc55

#31a8cc

Tetradic

#cc315a

#cca331

#31cca3

#315acc

Square

#cc315a

#a8cc31

#31cca3

#5531cc

Shades

Color #cc315a mixed toward black.

#aa294b

#88213c

#66182d

#44101e

#22080f

Tints

Color #cc315a mixed toward white.

#d65275

#de7591

#e697ac

#eebac8

#f7dce3

Tones

Color #cc315a mixed toward gray.

#bf3e60

#b24b66

#a5586c

#986572

#8b7278

Accessibility

Aa White text on this color

5.05:1

Aa Black text on this color

4.15:1

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

Under color vision deficiencies

Protanopia

#a1a052 · ΔE 53

Deuteranopia

#a7b050 · ΔE 59.3

Tritanopia

#c84b4a · ΔE 9.4

Achromatopsia

#6f6f6f · ΔE 26.6

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

Code

CSS

background-color: #cc315a;

Tailwind (arbitrary value)

bg-[#cc315a]

Related colors

Pale Violet Red #db7093

Crimson #dc143c

Lavender Blush #fff0f5

Pink #ffc0cb

Light Pink #ffb6c1

Hot Pink #ff69b4

Frequently asked questions

#cc315a (#cc315a) is rgb(204, 49, 90) in RGB.

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

Generate a palette → Check contrast