#496569

#496569

Color Values

HEX

#496569

RGB

73, 101, 105

HSL

187.5, 18.0%, 34.9%

HSV

187.5, 30.5%, 41.2%

CMYK

30.5%, 3.8%, 0.0%, 58.8%

OKLCH

0.4862 0.0335 207.1

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#496569

#694D49

Analogous

#49695D

#495569

#496569

Triadic

#496569

#694965

#656949

Split Complementary

#496569

#694955

#695D49

Tetradic

#496569

#5D4969

#694D49

#556949

Color Blindness Simulation

Original

#496569

Protanopia

#555568

Deuteranopia

#545168

Tritanopia

#4A6767

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D5E0E2
300
#B7CACD
400
#90ADB2
500
#699196
600
#547478
700
#435D60
800
#34484B
900
#293638
950
#1A2224

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026