#CA35A0

#CA35A0

Color Values

HEX

#CA35A0

RGB

202, 53, 160

HSL

316.9, 58.4%, 50.0%

HSV

316.9, 73.8%, 79.2%

CMYK

0.0%, 73.8%, 20.8%, 20.8%

OKLCH

0.5891 0.2127 341.7

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: #CA35A0;
color: #CA35A0;
border-color: #CA35A0;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

Contrast Checker

Text on white

4.64:1

AA Pass AAA Fail

Text on black

4.53:1

AA Pass AAA Fail

Compare With

Related Articles

Frequently Asked Questions

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

RGB(202, 53, 160) · HSL(316.9, 58.4%, 50.0%) · CMYK(0.0%, 73.8%, 20.8%, 20.8%)

Does #CA35A0 meet WCAG contrast on white?

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

What text color is readable on #CA35A0?

Use FFFFFF text on a #CA35A0 background; contrast on black is 4.53:1.