#948899

#948899

Color Values

HEX

#948899

RGB

148, 136, 153

HSL

282.4, 7.7%, 56.7%

HSV

282.4, 11.1%, 60.0%

CMYK

3.3%, 11.1%, 0.0%, 40.0%

OKLCH

0.6429 0.0285 316.1

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#948899

#8D9988

Analogous

#8C8899

#998896

#948899

Triadic

#948899

#999488

#889994

Split Complementary

#948899

#969988

#88998C

Tetradic

#948899

#998C88

#8D9988

#889699

Color Blindness Simulation

Original

#948899

Protanopia

#8F8F95

Deuteranopia

#909094

Tritanopia

#939291

Achromatopsia

#8C8C8C

CSS Usage

background-color: #948899;
color: #948899;
border-color: #948899;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DCD9DE
300
#C4BDC7
400
#A499A8
500
#847689
600
#695E6E
700
#544B58
800
#423B45
900
#322D34
950
#1F1C21

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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