#8F2160

#8F2160

Color Values

HEX

#8F2160

RGB

143, 33, 96

HSL

325.6, 62.5%, 34.5%

HSV

325.6, 76.9%, 56.1%

CMYK

0.0%, 76.9%, 32.9%, 43.9%

OKLCH

0.4475 0.1569 350.4

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#8F2160

#218F50

Analogous

#87218F

#8F2129

#8F2160

Triadic

#8F2160

#608F21

#21608F

Split Complementary

#8F2160

#298F21

#218F87

Tetradic

#8F2160

#8F8721

#218F50

#21298F

Color Blindness Simulation

Original

#8F2160

Protanopia

#5F5E51

Deuteranopia

#666E4D

Tritanopia

#8A4542

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FBF3F8
100
#F7E4EF
200
#F2C5DF
300
#E89CC7
400
#DC66A9
500
#CF308B
600
#A6266F
700
#851F59
800
#681846
900
#4C1534
950
#300D21

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

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