#9899BA

#9899BA

Color Values

HEX

#9899BA

RGB

152, 153, 186

HSL

238.2, 19.8%, 66.3%

HSV

238.2, 18.3%, 72.9%

CMYK

18.3%, 17.7%, 0.0%, 27.1%

OKLCH

0.6935 0.0482 283.7

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#9899BA

#BAB998

Analogous

#98AABA

#A898BA

#9899BA

Triadic

#9899BA

#BA9899

#99BA98

Split Complementary

#9899BA

#BAA898

#AABA98

Tetradic

#9899BA

#BA98AA

#BAB998

#98BAA8

Color Blindness Simulation

Original

#9899BA

Protanopia

#9898B2

Deuteranopia

#9898B0

Tritanopia

#98ACAA

Achromatopsia

#9B9B9B

CSS Usage

background-color: #9899BA;
color: #9899BA;
border-color: #9899BA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E2
300
#B6B6CE
400
#8E8FB3
500
#666899
600
#52537A
700
#414262
800
#33344C
900
#282839
950
#191924

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026