#998BAF

#998BAF

Color Values

HEX

#998BAF

RGB

153, 139, 175

HSL

263.3, 18.4%, 61.6%

HSV

263.3, 20.6%, 68.6%

CMYK

12.6%, 20.6%, 0.0%, 31.4%

OKLCH

0.6615 0.0548 302.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#998BAF

#A1AF8B

Analogous

#8B8FAF

#AB8BAF

#998BAF

Triadic

#998BAF

#AF998B

#8BAF99

Split Complementary

#998BAF

#AFAB8B

#8FAF8B

Tetradic

#998BAF

#AF8B8F

#A1AF8B

#8BAFAB

Color Blindness Simulation

Original

#998BAF

Protanopia

#9393A6

Deuteranopia

#9495A4

Tritanopia

#989F9E

Achromatopsia

#919191

CSS Usage

background-color: #998BAF;
color: #998BAF;
border-color: #998BAF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DAD5E2
300
#BFB7CD
400
#9D8FB2
500
#7A6897
600
#625379
700
#4E4361
800
#3D344B
900
#2F2838
950
#1D1A24

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67:1

AA Pass AAA Fail

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