#7E9899

#7E9899

Color Values

HEX

#7E9899

RGB

126, 152, 153

HSL

182.2, 11.7%, 54.7%

HSV

182.2, 17.6%, 60.0%

CMYK

17.6%, 0.7%, 0.0%, 40.0%

OKLCH

0.66 0.0293 199.3

Properties

Cool Light Nearest: lightcyan 4

Color Harmonies

Complementary

#7E9899

#997F7E

Analogous

#7E998C

#7E8A99

#7E9899

Triadic

#7E9899

#997E98

#98997E

Split Complementary

#7E9899

#997E8A

#998C7E

Tetradic

#7E9899

#8C7E99

#997F7E

#8A997E

Color Blindness Simulation

Original

#7E9899

Protanopia

#898999

Deuteranopia

#888699

Tritanopia

#7F9999

Achromatopsia

#939393

CSS Usage

background-color: #7E9899;
color: #7E9899;
border-color: #7E9899;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFDF
300
#BBC8C9
400
#96ABAC
500
#718D8E
600
#5A7172
700
#485A5B
800
#384747
900
#2B3536
950
#1B2222

Contrast Checker

Text on white

3.07:1

AA Fail AAA Fail

Text on black

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