#397571

#397571

Color Values

HEX

#397571

RGB

57, 117, 113

HSL

176.0, 34.5%, 34.1%

HSV

176.0, 51.3%, 45.9%

CMYK

51.3%, 0.0%, 3.4%, 54.1%

OKLCH

0.5211 0.0629 189.7

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#397571

#75393D

Analogous

#397553

#395B75

#397571

Triadic

#397571

#713975

#757139

Split Complementary

#397571

#75395B

#755339

Tetradic

#397571

#533975

#75393D

#5B7539

Color Blindness Simulation

Original

#397571

Protanopia

#535472

Deuteranopia

#504B72

Tritanopia

#3C7373

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D4
400
#80C1BD
500
#54ABA6
600
#438984
700
#356E6A
800
#2A5653
900
#213F3D
950
#152827

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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