#496870

#496870

Color Values

HEX

#496870

RGB

73, 104, 112

HSL

192.3, 21.1%, 36.3%

HSV

192.3, 34.8%, 43.9%

CMYK

34.8%, 7.1%, 0.0%, 56.1%

OKLCH

0.4963 0.0382 215.5

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#496870

#705149

Analogous

#497065

#495570

#496870

Triadic

#496870

#704968

#687049

Split Complementary

#496870

#704955

#706549

Tetradic

#496870

#654970

#705149

#557049

Color Blindness Simulation

Original

#496870

Protanopia

#56576E

Deuteranopia

#55526E

Tritanopia

#4B6D6C

Achromatopsia

#626262

CSS Usage

background-color: #496870;
color: #496870;
border-color: #496870;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E3
300
#B5C9CF
400
#8DACB5
500
#658F9A
600
#50737C
700
#405C63
800
#32484D
900
#27363A
950
#192224

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026