#8F0380

#8F0380

Color Values

HEX

#8F0380

RGB

143, 3, 128

HSL

306.4, 95.9%, 28.6%

HSV

306.4, 97.9%, 56.1%

CMYK

0.0%, 97.9%, 10.5%, 43.9%

OKLCH

0.4478 0.1981 334.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#8F0380

#038F12

Analogous

#58038F

#8F033A

#8F0380

Triadic

#8F0380

#808F03

#03808F

Split Complementary

#8F0380

#3A8F03

#038F58

Tetradic

#8F0380

#8F5803

#038F12

#033A8F

Color Blindness Simulation

Original

#8F0380

Protanopia

#525162

Deuteranopia

#5A655A

Tritanopia

#884A45

Achromatopsia

#2A2A2A

CSS Usage

background-color: #8F0380;
color: #8F0380;
border-color: #8F0380;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FEF1FC
100
#FCDFF9
200
#FEB9F6
300
#FC87F0
400
#FB46E8
500
#FA05E0
600
#C804B3
700
#A0038F
800
#7D0370
900
#5A0751
950
#390433

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail 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