#949689

#949689

Color Values

HEX

#949689

RGB

148, 150, 137

HSL

69.2, 5.8%, 56.3%

HSV

69.2, 8.7%, 58.8%

CMYK

1.3%, 0.0%, 8.7%, 41.2%

OKLCH

0.6677 0.0189 114.0

Properties

Cool Light Nearest: RAL 7004 Signal Grey

Color Harmonies

Complementary

#949689

#8B8996

Analogous

#969289

#8E9689

#949689

Triadic

#949689

#899496

#968994

Split Complementary

#949689

#898E96

#928996

Tetradic

#949689

#899692

#8B8996

#96898E

Color Blindness Simulation

Original

#949689

Protanopia

#95958C

Deuteranopia

#95958D

Tritanopia

#948F8F

Achromatopsia

#959595

CSS Usage

background-color: #949689;
color: #949689;
border-color: #949689;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDDD9
300
#C4C5BE
400
#A4A69B
500
#858778
600
#6A6C60
700
#55564D
800
#42433C
900
#32332E
950
#20201D

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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