#477571

#477571

Color Values

HEX

#477571

RGB

71, 117, 113

HSL

174.8, 24.5%, 36.9%

HSV

174.8, 39.3%, 45.9%

CMYK

39.3%, 0.0%, 3.4%, 54.1%

OKLCH

0.5281 0.051 188.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#477571

#75474B

Analogous

#47755A

#476275

#477571

Triadic

#477571

#714775

#757147

Split Complementary

#477571

#754762

#755A47

Tetradic

#477571

#5A4775

#75474B

#627547

Color Blindness Simulation

Original

#477571

Protanopia

#5B5B72

Deuteranopia

#585572

Tritanopia

#497373

Achromatopsia

#6B6B6B

CSS Usage

background-color: #477571;
color: #477571;
border-color: #477571;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D3E4E3
300
#B3D1CE
400
#8AB8B4
500
#609F99
600
#4D7F7B
700
#3E6662
800
#304F4D
900
#263B39
950
#182524

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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