#475960

#475960

Color Values

HEX

#475960

RGB

71, 89, 96

HSL

196.8, 15.0%, 32.7%

HSV

196.8, 26.0%, 37.6%

CMYK

26.0%, 7.3%, 0.0%, 62.4%

OKLCH

0.4515 0.0249 223.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#475960

#604E47

Analogous

#47605A

#474C60

#475960

Triadic

#475960

#604759

#596047

Split Complementary

#475960

#60474C

#605A47

Tetradic

#475960

#5A4760

#604E47

#4C6047

Color Blindness Simulation

Original

#475960

Protanopia

#4F4F5E

Deuteranopia

#4E4C5E

Tritanopia

#485D5D

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEEF
200
#D6DEE1
300
#B9C6CB
400
#92A7AF
500
#6C8893
600
#576D75
700
#45575E
800
#364449
900
#2A3337
950
#1A2023

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

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