#C54983

A medium, moderate magenta closely aligning with Palevioletred.

About #C54983

At its core, #C54983 is a medium and moderate hue. It is closely associated with the named CSS color Palevioletred. To achieve this exact tint on a monitor, you would use an RGB mix of 197, 73, and 131.

Translating this color to physical media requires the CMYK color model. The color uses 0% Cyan, 63% Magenta, 34% Yellow, and 23% Black. The HSL representation is 331.9° hue, 51.7% saturation, and 52.9% lightness.

When using this color as a background, text legibility must be considered. The calculated luminance score dictates that #000000 typography is the safest choice. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#C54983
RGB197, 73, 131
HSL331.9°, 51.7%, 52.9%
CMYK0%, 63%, 34%, 23%
HSV331.9°, 62.9%, 77.3%
LAB49.8, 54.8, -6.4
XYZ29.5, 18.3, 23.4
Decimal12929411

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

4.51:1
Text on #FFFFFF
AA
4.65:1
Text on #000000
AA
4.31:1
Text on #F8FAFC
AA Large
3.96:1
Text on #0F172A
AA Large

CSS Implementation

.bg-color { background-color: #C54983; }
.text-color { color: #C54983; }
.border-color { border: 2px solid #C54983; }

Similar Colors

Palevioletred
#DB7093