#496B96

#496B96

Color Values

HEX

#496B96

RGB

73, 107, 150

HSL

213.5, 34.5%, 43.7%

HSV

213.5, 51.3%, 58.8%

CMYK

51.3%, 28.7%, 0.0%, 41.2%

OKLCH

0.5207 0.079 254.8

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#496B96

#967449

Analogous

#499196

#4D4996

#496B96

Triadic

#496B96

#96496B

#6B9649

Split Complementary

#496B96

#964D49

#919649

Tetradic

#496B96

#964991

#967449

#49964D

Color Blindness Simulation

Original

#496B96

Protanopia

#58588C

Deuteranopia

#565389

Tritanopia

#4B8382

Achromatopsia

#676767

CSS Usage

background-color: #496B96;
color: #496B96;
border-color: #496B96;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDAE8
300
#ADBFD7
400
#809DC1
500
#547AAB
600
#436289
700
#354E6E
800
#2A3D56
900
#212F3F
950
#151D28

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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