#495356

#495356

Color Values

HEX

#495356

RGB

73, 83, 86

HSL

193.8, 8.2%, 31.2%

HSV

193.8, 15.1%, 33.7%

CMYK

15.1%, 3.5%, 0.0%, 66.3%

OKLCH

0.4345 0.0136 217.7

Properties

Cool Dark Nearest: RAL 7011 Iron Grey

Color Harmonies

Complementary

#495356

#564C49

Analogous

#495653

#494D56

#495356

Triadic

#495356

#564953

#535649

Split Complementary

#495356

#56494D

#565349

Tetradic

#495356

#534956

#564C49

#4D5649

Color Blindness Simulation

Original

#495356

Protanopia

#4D4D55

Deuteranopia

#4D4C55

Tritanopia

#4A5555

Achromatopsia

#515151

CSS Usage

background-color: #495356;
color: #495356;
border-color: #495356;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D8DDDE
300
#BDC5C7
400
#99A5A8
500
#75858A
600
#5E6B6E
700
#4B5558
800
#3B4345
900
#2D3234
950
#1C2021

Contrast Checker

Text on white

7.91:1

AA Pass AAA Pass

Text on black

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