#397678

#397678

Color Values

HEX

#397678

RGB

57, 118, 120

HSL

181.9, 35.6%, 34.7%

HSV

181.9, 52.5%, 47.1%

CMYK

52.5%, 1.7%, 0.0%, 52.9%

OKLCH

0.5263 0.0631 198.3

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#397678

#783B39

Analogous

#39785A

#395678

#397678

Triadic

#397678

#783976

#767839

Split Complementary

#397678

#783956

#785A39

Tetradic

#397678

#5A3978

#783B39

#567839

Color Blindness Simulation

Original

#397678

Protanopia

#535478

Deuteranopia

#504B77

Tritanopia

#3C7777

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CFE7E8
300
#ACD6D8
400
#7FC0C2
500
#52AAAD
600
#42888A
700
#356D6F
800
#295556
900
#213F40
950
#152828

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026