#476372

#476372

Color Values

HEX

#476372

RGB

71, 99, 114

HSL

200.9, 23.2%, 36.3%

HSV

200.9, 37.7%, 44.7%

CMYK

37.7%, 13.2%, 0.0%, 55.3%

OKLCH

0.4835 0.0409 232.1

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#476372

#725647

Analogous

#47726C

#474E72

#476372

Triadic

#476372

#724763

#637247

Split Complementary

#476372

#72474E

#726C47

Tetradic

#476372

#6C4772

#725647

#4E7247

Color Blindness Simulation

Original

#476372

Protanopia

#53536E

Deuteranopia

#524F6E

Tritanopia

#486C6B

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DEE4
300
#B4C6D0
400
#8BA7B7
500
#62889D
600
#4E6D7E
700
#3F5765
800
#31444F
900
#26343B
950
#182125

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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