#8F4473

#8F4473

Color Values

HEX

#8F4473

RGB

143, 68, 115

HSL

322.4, 35.5%, 41.4%

HSV

322.4, 52.4%, 56.1%

CMYK

0.0%, 52.4%, 19.6%, 43.9%

OKLCH

0.4974 0.117 343.8

Properties

Warm Dark Nearest: RAL 4008 Signal Violet

Color Harmonies

Complementary

#8F4473

#448F60

Analogous

#86448F

#8F444E

#8F4473

Triadic

#8F4473

#738F44

#44738F

Split Complementary

#8F4473

#4E8F44

#448F86

Tetradic

#8F4473

#8F8644

#448F60

#444E8F

Color Blindness Simulation

Original

#8F4473

Protanopia

#6F6E68

Deuteranopia

#737865

Tritanopia

#8B5F5D

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#FAF5F8
100
#F3E8EF
200
#E8CFDF
300
#D8ACC7
400
#C27FA9
500
#AD528B
600
#8A426F
700
#6F3559
800
#562945
900
#402134
950
#281521

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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