#8F5366

#8F5366

Color Values

HEX

#8F5366

RGB

143, 83, 102

HSL

341.0, 26.5%, 44.3%

HSV

341.0, 42.0%, 56.1%

CMYK

0.0%, 42.0%, 28.7%, 43.9%

OKLCH

0.5171 0.0832 0.0

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#8F5366

#538F7C

Analogous

#8F5384

#8F5E53

#8F5366

Triadic

#8F5366

#668F53

#53668F

Split Complementary

#8F5366

#538F5E

#53848F

Tetradic

#8F5366

#848F53

#538F7C

#5E538F

Color Blindness Simulation

Original

#8F5366

Protanopia

#757461

Deuteranopia

#787D60

Tritanopia

#8C5E5D

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D8
300
#D2B2BC
400
#BA8897
500
#A15E73
600
#814B5C
700
#673C4A
800
#512F3A
900
#3C252C
950
#26171C

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026