#c45aab

Color #c45aab

A moderately saturated medium magenta.

Closest named color Orchid #da70d6 · ΔE 14.16 Nearest Tailwind class pink-500 #f6339a · ΔE 10

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

Conversions

HEX

#c45aab

RGB

rgb(196, 90, 171)

HSL

hsl(314.2, 47.3%, 56.1%)

HSV / HSB

hsv(314.2, 54.1%, 76.9%)

CMYK

cmyk(0%, 54.1%, 12.8%, 23.1%)

LAB

lab(54.02, 52.34, -23.69)

LCH

lch(54.02, 57.45, 335.65)

OKLCH

oklch(62.5%, 0.1659, 337.35)

HWB

hwb(314.2, 35.3%, 23.1%)

Harmony colors

Complementary

#5ac473

Analogous

#a85ac4

#c45aab

#c45a76

Triadic

#c45aab

#abc45a

#5aabc4

Split-complementary

#c45aab

#76c45a

#5ac4a8

Tetradic

#c45aab

#c4735a

#5ac473

#5aabc4

Square

#c45aab

#c4a85a

#5ac473

#5a76c4

Shades

Color #c45aab mixed toward black.

#b03f95

#8c3277

#692659

#46193c

#230d1e

Tints

Color #c45aab mixed toward white.

#ce76b9

#d891c7

#e2add5

#ebc8e3

#f5e4f1

Tones

Color #c45aab mixed toward gray.

#bb63a6

#b26ca2

#aa759d

#a17d98

#988694

Accessibility

Aa White text on this color

3.89:1

Aa Black text on this color

5.4:1

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

Under color vision deficiencies

Protanopia

#a1a09c · ΔE 30.4

Deuteranopia

#a6ad98 · ΔE 43.8

Tritanopia

#c08f8c · ΔE 23.1

Achromatopsia

#818181 · ΔE 25.7

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

Code

CSS

background-color: #c45aab;

Tailwind (arbitrary value)

bg-[#c45aab]

Related colors

Medium Violet Red #c71585

Orchid #da70d6

Deep Pink #ff1493

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Frequently asked questions

#c45aab (#c45aab) is rgb(196, 90, 171) in RGB.

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

Generate a palette → Check contrast