#496779

#496779

Color Values

HEX

#496779

RGB

73, 103, 121

HSL

202.5, 24.7%, 38.0%

HSV

202.5, 39.7%, 47.5%

CMYK

39.7%, 14.9%, 0.0%, 52.5%

OKLCH

0.4975 0.0454 235.2

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#496779

#795B49

Analogous

#497973

#494F79

#496779

Triadic

#496779

#794967

#677949

Split Complementary

#496779

#79494F

#797349

Tetradic

#496779

#734979

#795B49

#4F7949

Color Blindness Simulation

Original

#496779

Protanopia

#565675

Deuteranopia

#545274

Tritanopia

#4A7170

Achromatopsia

#626262

CSS Usage

background-color: #496779;
color: #496779;
border-color: #496779;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DEE4
300
#B3C6D1
400
#89A6B8
500
#60879F
600
#4D6C7F
700
#3D5766
800
#30444F
900
#26333B
950
#182025

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail 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