#D252F0

#D252F0

Color Values

HEX

#D252F0

RGB

210, 82, 240

HSL

288.6, 84.0%, 63.1%

HSV

288.6, 65.8%, 94.1%

CMYK

12.5%, 65.8%, 0.0%, 5.9%

OKLCH

0.6695 0.2431 319.4

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#D252F0

#70F052

Analogous

#8352F0

#F052BF

#D252F0

Triadic

#D252F0

#F0D252

#52F0D2

Split Complementary

#D252F0

#BFF052

#52F083

Tetradic

#D252F0

#F08352

#70F052

#52BFF0

Color Blindness Simulation

Original

#D252F0

Protanopia

#9B99CA

Deuteranopia

#A2ACC1

Tritanopia

#CCACA5

Achromatopsia

#797979

CSS Usage

background-color: #D252F0;
color: #D252F0;
border-color: #D252F0;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FBF2FD
100
#F5E0FA
200
#EEBDF9
300
#E28EF5
400
#D251F0
500
#C214EB
600
#9B10BC
700
#7C0D96
800
#610A75
900
#470C55
950
#2D0736

Contrast Checker

Text on white

3.38:1

AA Fail AAA Fail

Text on black

6.21:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026