#475D54

#475D54

Color Values

HEX

#475D54

RGB

71, 93, 84

HSL

155.5, 13.4%, 32.2%

HSV

155.5, 23.7%, 36.5%

CMYK

23.7%, 0.0%, 9.7%, 63.5%

OKLCH

0.4573 0.0305 168.0

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#475D54

#5D4750

Analogous

#475D49

#475B5D

#475D54

Triadic

#475D54

#54475D

#5D5447

Split Complementary

#475D54

#5D475B

#5D4947

Tetradic

#475D54

#49475D

#5D4750

#5B5D47

Color Blindness Simulation

Original

#475D54

Protanopia

#515156

Deuteranopia

#4F4E57

Tritanopia

#485858

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DC
300
#BACAC3
400
#94ADA3
500
#6E9183
600
#587469
700
#475D54
800
#374841
900
#2B3632
950
#1B221F

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

2.96:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026