#98ACBB

#98ACBB

Color Values

HEX

#98ACBB

RGB

152, 172, 187

HSL

205,7, 20,5%, 66,5%

HSV

205,7, 18,7%, 73,3%

CMYK

18,7%, 8,0%, 0,0%, 26,7%

OKLCH

0,7339 0,0312 240,3

Properties

Cool Light Nearest: lightsteelblue 3

Color Harmonies

Complementary

#98ACBB

#BBA798

Analogous

#98BBB9

#989BBB

#98ACBB

Triadic

#98ACBB

#BB98AC

#ACBB98

Split Complementary

#98ACBB

#BB989B

#BBB998

Tetradic

#98ACBB

#B998BB

#BBA798

#9BBB98

Color Blindness Simulation

Original

#98ACBB

Protanopia

#A1A1B7

Deuteranopia

#A09EB6

Tritanopia

#99B5B4

Achromatopsia

#A9A9A9

CSS Usage

background-color: #98ACBB;
color: #98ACBB;
border-color: #98ACBB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DCE3
300
#B5C4CE
400
#8DA3B4
500
#65839A
600
#51697B
700
#415462
800
#33424D
900
#283239
950
#191F24

Contrast Checker

Text on white

2,35:1

AA Fail AAA Fail

Text on black

8,95:1

AA Pass AAA Pass

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