#8F356C

#8F356C

Color Values

HEX

#8F356C

RGB

143, 53, 108

HSL

323.3, 45.9%, 38.4%

HSV

323.3, 62.9%, 56.1%

CMYK

0.0%, 62.9%, 24.5%, 43.9%

OKLCH

0.4738 0.1371 345.9

Properties

Warm Dark Nearest: RAL 4006 Traffic Purple

Color Harmonies

Complementary

#8F356C

#358F58

Analogous

#85358F

#8F353F

#8F356C

Triadic

#8F356C

#6C8F35

#356C8F

Split Complementary

#8F356C

#3F8F35

#358F85

Tetradic

#8F356C

#8F8535

#358F58

#353F8F

Color Blindness Simulation

Original

#8F356C

Protanopia

#68675F

Deuteranopia

#6D745C

Tritanopia

#8A5452

Achromatopsia

#4C4C4C

CSS Usage

background-color: #8F356C;
color: #8F356C;
border-color: #8F356C;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#ECCBDF
300
#DEA6C8
400
#CC75AA
500
#BA458D
600
#953770
700
#772C5A
800
#5D2246
900
#441C35
950
#2B1221

Contrast Checker

Text on white

7.26:1

AA Pass AAA Pass

Text on black

2.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026