#8F88AB

#8F88AB

Color Values

HEX

#8F88AB

RGB

143, 136, 171

HSL

252.0, 17.2%, 60.2%

HSV

252.0, 20.5%, 67.1%

CMYK

16.4%, 20.5%, 0.0%, 32.9%

OKLCH

0.6452 0.0522 294.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#8F88AB

#A4AB88

Analogous

#8893AB

#A088AB

#8F88AB

Triadic

#8F88AB

#AB8F88

#88AB8F

Split Complementary

#8F88AB

#ABA088

#93AB88

Tetradic

#8F88AB

#AB8893

#A4AB88

#88ABA0

Color Blindness Simulation

Original

#8F88AB

Protanopia

#8C8CA3

Deuteranopia

#8C8DA0

Tritanopia

#8F9C9A

Achromatopsia

#8C8C8C

CSS Usage

background-color: #8F88AB;
color: #8F88AB;
border-color: #8F88AB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D8D5E1
300
#BBB7CC
400
#9790B1
500
#726A95
600
#5B5478
700
#494460
800
#39354B
900
#2C2938
950
#1C1A23

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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