#8F3B80

#8F3B80

Color Values

HEX

#8F3B80

RGB

143, 59, 128

HSL

310.7, 41.6%, 39.6%

HSV

310.7, 58.7%, 56.1%

CMYK

0.0%, 58.7%, 10.5%, 43.9%

OKLCH

0.4906 0.1423 335.0

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#8F3B80

#3B8F4A

Analogous

#743B8F

#8F3B56

#8F3B80

Triadic

#8F3B80

#808F3B

#3B808F

Split Complementary

#8F3B80

#568F3B

#3B8F74

Tetradic

#8F3B80

#8F743B

#3B8F4A

#3B568F

Color Blindness Simulation

Original

#8F3B80

Protanopia

#6B6A6F

Deuteranopia

#70766B

Tritanopia

#8B625F

Achromatopsia

#525252

CSS Usage

background-color: #8F3B80;
color: #8F3B80;
border-color: #8F3B80;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#EACCE5
300
#DBA8D2
400
#C879BA
500
#B54AA2
600
#903C81
700
#743067
800
#5A2551
900
#431E3C
950
#2A1326

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

3.11: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