#495262

#495262

Color Values

HEX

#495262

RGB

73, 82, 98

HSL

218.4, 14.6%, 33.5%

HSV

218.4, 25.5%, 38.4%

CMYK

25.5%, 16.3%, 0.0%, 61.6%

OKLCH

0.4369 0.0289 261.9

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#495262

#625949

Analogous

#495E62

#4C4962

#495262

Triadic

#495262

#624952

#526249

Split Complementary

#495262

#624C49

#5E6249

Tetradic

#495262

#62495E

#625949

#49624C

Color Blindness Simulation

Original

#495262

Protanopia

#4D4D5E

Deuteranopia

#4C4C5D

Tritanopia

#495B5A

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DAE1
300
#B9BFCB
400
#939DAE
500
#6D7A92
600
#576275
700
#464E5E
800
#363D49
900
#2A2F37
950
#1B1D23

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

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