#476369

#476369

Color Values

HEX

#476369

RGB

71, 99, 105

HSL

190.6, 19.3%, 34.5%

HSV

190.6, 32.4%, 41.2%

CMYK

32.4%, 5.7%, 0.0%, 58.8%

OKLCH

0.4799 0.0343 212.3

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#476369

#694D47

Analogous

#47695E

#475269

#476369

Triadic

#476369

#694763

#636947

Split Complementary

#476369

#694752

#695E47

Tetradic

#476369

#5E4769

#694D47

#526947

Color Blindness Simulation

Original

#476369

Protanopia

#535368

Deuteranopia

#524F67

Tritanopia

#486666

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E2
300
#B6C9CE
400
#8EACB3
500
#678F98
600
#52737A
700
#425C61
800
#33484C
900
#283639
950
#192224

Contrast Checker

Text on white

6.45:1

AA Pass AAA Fail

Text on black

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