#870CF3

#870CF3

Color Values

HEX

#870CF3

RGB

135, 12, 243

HSL

271.9, 90.6%, 50.0%

HSV

271.9, 95.1%, 95.3%

CMYK

44.4%, 95.1%, 0.0%, 4.7%

OKLCH

0.5297 0.2808 298.2

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#870CF3

#78F30C

Analogous

#130CF3

#F30CEC

#870CF3

Triadic

#870CF3

#F3870C

#0CF387

Split Complementary

#870CF3

#ECF30C

#0CF313

Tetradic

#870CF3

#F3130C

#78F30C

#0CECF3

Color Blindness Simulation

Original

#870CF3

Protanopia

#5251BB

Deuteranopia

#5962AE

Tritanopia

#818F85

Achromatopsia

#373737

CSS Usage

background-color: #870CF3;
color: #870CF3;
border-color: #870CF3;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBBFC
300
#C58AF9
400
#A64BF6
500
#870CF3
600
#6C0AC2
700
#56089C
800
#43067A
900
#330958
950
#200638

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

3.38:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026