#397A82

#397A82

Color Values

HEX

#397A82

RGB

57, 122, 130

HSL

186.6, 39.0%, 36.7%

HSV

186.6, 56.2%, 51.0%

CMYK

56.2%, 6.2%, 0.0%, 49.0%

OKLCH

0.5404 0.0671 206.1

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#397A82

#824139

Analogous

#398266

#395682

#397A82

Triadic

#397A82

#82397A

#7A8239

Split Complementary

#397A82

#823956

#826639

Tetradic

#397A82

#663982

#824139

#568239

Color Blindness Simulation

Original

#397A82

Protanopia

#555680

Deuteranopia

#514C80

Tritanopia

#3C7F7E

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD4DA
400
#7CBDC5
500
#4EA6B1
600
#3E858E
700
#326A71
800
#275359
900
#1F3E41
950
#142729

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

4.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026