#8F3673

#8F3673

Color Values

HEX

#8F3673

RGB

143, 54, 115

HSL

318.9, 45.2%, 38.6%

HSV

318.9, 62.2%, 56.1%

CMYK

0.0%, 62.2%, 19.6%, 43.9%

OKLCH

0.4781 0.1402 341.9

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#8F3673

#368F52

Analogous

#7E368F

#8F3646

#8F3673

Triadic

#8F3673

#738F36

#36738F

Split Complementary

#8F3673

#468F36

#368F7E

Tetradic

#8F3673

#8F7E36

#368F52

#36468F

Color Blindness Simulation

Original

#8F3673

Protanopia

#686864

Deuteranopia

#6E7461

Tritanopia

#8B5956

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6F0
200
#EBCBE1
300
#DDA6CC
400
#CB76B0
500
#B94695
600
#943877
700
#762D5F
800
#5D234A
900
#441D38
950
#2B1223

Contrast Checker

Text on white

7.14:1

AA Pass AAA Pass

Text on black

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