#948296

#948296

Color Values

HEX

#948296

RGB

148, 130, 150

HSL

294.0, 8.7%, 54.9%

HSV

294.0, 13.3%, 58.8%

CMYK

1.3%, 13.3%, 0.0%, 41.2%

OKLCH

0.6295 0.0362 322.9

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#948296

#849682

Analogous

#8A8296

#96828E

#948296

Triadic

#948296

#969482

#829694

Split Complementary

#948296

#8E9682

#82968A

Tetradic

#948296

#968A82

#849682

#828E96

Color Blindness Simulation

Original

#948296

Protanopia

#8C8C91

Deuteranopia

#8D8F90

Tritanopia

#938D8C

Achromatopsia

#878787

CSS Usage

background-color: #948296;
color: #948296;
border-color: #948296;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F7F8
100
#EEECEE
200
#DED8DE
300
#C6BCC7
400
#A798A9
500
#88748B
600
#6D5D6F
700
#574B59
800
#443A45
900
#332D34
950
#211C21

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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