#BA2AD5

#BA2AD5

Color Values

HEX

#BA2AD5

RGB

186, 42, 213

HSL

290.5, 67.1%, 50.0%

HSV

290.5, 80.3%, 83.5%

CMYK

12.7%, 80.3%, 0.0%, 16.5%

OKLCH

0.5865 0.2531 320.5

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: #BA2AD5;
color: #BA2AD5;
border-color: #BA2AD5;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Compare With

Related Articles