#477160

#477160

Color Values

HEX

#477160

RGB

71, 113, 96

HSL

155.7, 22.8%, 36.1%

HSV

155.7, 37.2%, 44.3%

CMYK

37.2%, 0.0%, 15.0%, 55.7%

OKLCH

0.5124 0.0545 166.8

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#477160

#714758

Analogous

#47714B

#476D71

#477160

Triadic

#477160

#604771

#716047

Split Complementary

#477160

#71476D

#714B47

Tetradic

#477160

#4B4771

#714758

#6D7147

Color Blindness Simulation

Original

#477160

Protanopia

#595A64

Deuteranopia

#575465

Tritanopia

#496768

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E3DD
300
#B4D0C4
400
#8BB6A5
500
#629D85
600
#4F7D6A
700
#3F6455
800
#314E43
900
#273A32
950
#182520

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

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