#8F84A2

#8F84A2

Color Values

HEX

#8F84A2

RGB

143, 132, 162

HSL

262.0, 13.9%, 57.6%

HSV

262.0, 18.5%, 63.5%

CMYK

11.7%, 18.5%, 0.0%, 36.5%

OKLCH

0.6334 0.046 301.8

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#8F84A2

#97A284

Analogous

#8488A2

#9E84A2

#8F84A2

Triadic

#8F84A2

#A28F84

#84A28F

Split Complementary

#8F84A2

#A29E84

#88A284

Tetradic

#8F84A2

#A28488

#97A284

#84A29E

Color Blindness Simulation

Original

#8F84A2

Protanopia

#8A8A9B

Deuteranopia

#8B8C99

Tritanopia

#8E9594

Achromatopsia

#898989

CSS Usage

background-color: #8F84A2;
color: #8F84A2;
border-color: #8F84A2;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DAD6E0
300
#C0B9CA
400
#9D94AE
500
#7B6E91
600
#625874
700
#4F465D
800
#3D3749
900
#2F2A37
950
#1E1B22

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026