#397393

#397393

Color Values

HEX

#397393

RGB

57, 115, 147

HSL

201.3, 44.1%, 40.0%

HSV

201.3, 61.2%, 57.6%

CMYK

61.2%, 21.8%, 0.0%, 42.4%

OKLCH

0.5302 0.0788 235.1

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#397393

#935939

Analogous

#399386

#394693

#397393

Triadic

#397393

#933973

#739339

Split Complementary

#397393

#933946

#938639

Tetradic

#397393

#863993

#935939

#469339

Color Blindness Simulation

Original

#397393

Protanopia

#52538B

Deuteranopia

#4F4A89

Tritanopia

#3C8584

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CCE0EB
300
#A7CADD
400
#77ADCA
500
#4790B8
600
#397393
700
#2E5C76
800
#24485C
900
#1D3644
950
#12222B

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026