#397F93

#397F93

Color Values

HEX

#397F93

RGB

57, 127, 147

HSL

193.3, 44.1%, 40.0%

HSV

193.3, 61.2%, 57.6%

CMYK

61.2%, 13.6%, 0.0%, 42.4%

OKLCH

0.56 0.0761 219.4

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#397F93

#934D39

Analogous

#39937A

#395293

#397F93

Triadic

#397F93

#93397F

#7F9339

Split Complementary

#397F93

#933952

#937A39

Tetradic

#397F93

#7A3993

#934D39

#529339

Color Blindness Simulation

Original

#397F93

Protanopia

#57588E

Deuteranopia

#534E8D

Tritanopia

#3C8A8A

Achromatopsia

#727272

CSS Usage

background-color: #397F93;
color: #397F93;
border-color: #397F93;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CCE4EB
300
#A7D1DD
400
#77B8CA
500
#479FB8
600
#397F93
700
#2E6676
800
#244F5C
900
#1D3B44
950
#12252B

Contrast Checker

Text on white

4.53:1

AA Pass AAA Fail

Text on black

4.63:1

AA Pass 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