#476665

#476665

Color Values

HEX

#476665

RGB

71, 102, 101

HSL

178.1, 17.9%, 33.9%

HSV

178.1, 30.4%, 40.0%

CMYK

30.4%, 0.0%, 1.0%, 60.0%

OKLCH

0.4859 0.0362 193.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#476665

#664748

Analogous

#476655

#475766

#476665

Triadic

#476665

#654766

#666547

Split Complementary

#476665

#664757

#665547

Tetradic

#476665

#554766

#664748

#576647

Color Blindness Simulation

Original

#476665

Protanopia

#545565

Deuteranopia

#535065

Tritanopia

#496565

Achromatopsia

#5F5F5F

CSS Usage

background-color: #476665;
color: #476665;
border-color: #476665;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#EAF0F0
200
#D5E2E1
300
#B7CDCC
400
#90B2B0
500
#699695
600
#547877
700
#43605F
800
#344B4A
900
#293838
950
#1A2423

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026