#8F2854

#8F2854

Color Values

HEX

#8F2854

RGB

143, 40, 84

HSL

334.4, 56.3%, 35.9%

HSV

334.4, 72.0%, 56.1%

CMYK

0.0%, 72.0%, 41.3%, 43.9%

OKLCH

0.4496 0.1431 358.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#8F2854

#288F63

Analogous

#8F2888

#8F3028

#8F2854

Triadic

#8F2854

#548F28

#28548F

Split Complementary

#8F2854

#288F30

#28888F

Tetradic

#8F2854

#888F28

#288F63

#30288F

Color Blindness Simulation

Original

#8F2854

Protanopia

#626249

Deuteranopia

#687047

Tritanopia

#8A413F

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC7D8
300
#E49FBD
400
#D66C99
500
#C73875
600
#9F2D5E
700
#80244B
800
#641C3A
900
#49182D
950
#2E0F1C

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026