#C53C93

#C53C93

Color Values

HEX

#C53C93

RGB

197, 60, 147

HSL

321.9, 54.2%, 50.4%

HSV

321.9, 69.5%, 77.3%

CMYK

0.0%, 69.5%, 25.4%, 22.7%

OKLCH

0.5818 0.1934 345.8

Properties

Color Psychology

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #C53C93;
color: #C53C93;
border-color: #C53C93;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

4.44:1

AA Fail AAA Fail

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #C53C93?

RGB(197, 60, 147) · HSL(321.9, 54.2%, 50.4%) · CMYK(0.0%, 69.5%, 25.4%, 22.7%)

Does #C53C93 meet WCAG contrast on white?

4.73:1 — WCAG AA Pass, AAA Fail for normal text.

What text color is readable on #C53C93?

Use FFFFFF text on a #C53C93 background; contrast on black is 4.44:1.