#475D55

#475D55

Color Values

HEX

#475D55

RGB

71, 93, 85

HSL

158.2, 13.4%, 32.2%

HSV

158.2, 23.7%, 36.5%

CMYK

23.7%, 0.0%, 8.6%, 63.5%

OKLCH

0.4577 0.0297 170.7

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#475D55

#5D474F

Analogous

#475D4A

#475A5D

#475D55

Triadic

#475D55

#55475D

#5D5547

Split Complementary

#475D55

#5D475A

#5D4A47

Tetradic

#475D55

#4A475D

#5D474F

#5A5D47

Color Blindness Simulation

Original

#475D55

Protanopia

#515157

Deuteranopia

#4F4E57

Tritanopia

#485859

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DD
300
#BACAC4
400
#94ADA4
500
#6E9184
600
#58746A
700
#475D55
800
#374842
900
#2B3632
950
#1B2220

Contrast Checker

Text on white

7.08:1

AA Pass AAA Pass

Text on black

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