#8F84A8

#8F84A8

Color Values

HEX

#8F84A8

RGB

143, 132, 168

HSL

258.3, 17.1%, 58.8%

HSV

258.3, 21.4%, 65.9%

CMYK

14.9%, 21.4%, 0.0%, 34.1%

OKLCH

0.6358 0.0546 298.8

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8F84A8

#9DA884

Analogous

#848BA8

#A184A8

#8F84A8

Triadic

#8F84A8

#A88F84

#84A88F

Split Complementary

#8F84A8

#A8A184

#8BA884

Tetradic

#8F84A8

#A8848B

#9DA884

#84A8A1

Color Blindness Simulation

Original

#8F84A8

Protanopia

#8A8A9F

Deuteranopia

#8B8C9D

Tritanopia

#8E9897

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D5E1
300
#BEB7CC
400
#9A91B1
500
#776A95
600
#5F5577
700
#4C4460
800
#3B354B
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

3.48:1

AA Fail AAA Fail

Text on black

6.03:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026