#397B81

#397B81

Color Values

HEX

#397B81

RGB

57, 123, 129

HSL

185,0, 38,7%, 36,5%

HSV

185,0, 55,8%, 50,6%

CMYK

55,8%, 4,7%, 0,0%, 49,4%

OKLCH

0,5425 0,0674 203,3

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#397B81

#813F39

Analogous

#398163

#395781

#397B81

Triadic

#397B81

#81397B

#7B8139

Split Complementary

#397B81

#813957

#816339

Tetradic

#397B81

#633981

#813F39

#578139

Color Blindness Simulation

Original

#397B81

Protanopia

#565680

Deuteranopia

#524D7F

Tritanopia

#3C7E7E

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE7E9
300
#AAD6D9
400
#7CBFC5
500
#4EA9B1
600
#3F878D
700
#326C71
800
#275458
900
#203F41
950
#142729

Contrast Checker

Text on white

4,86:1

AA Pass AAA Fail

Text on black

4,32: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