#397293

#397293

Color Values

HEX

#397293

RGB

57, 114, 147

HSL

202,0, 44,1%, 40,0%

HSV

202,0, 61,2%, 57,6%

CMYK

61,2%, 22,4%, 0,0%, 42,4%

OKLCH

0,5278 0,0793 236,3

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#397293

#935A39

Analogous

#399387

#394593

#397293

Triadic

#397293

#933972

#729339

Split Complementary

#397293

#933945

#938739

Tetradic

#397293

#873993

#935A39

#459339

Color Blindness Simulation

Original

#397293

Protanopia

#52528B

Deuteranopia

#4E4A89

Tritanopia

#3C8583

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CCDFEB
300
#A7C9DD
400
#77ACCA
500
#478EB8
600
#397293
700
#2E5B76
800
#24475C
900
#1D3644
950
#12222B

Contrast Checker

Text on white

5,25:1

AA Pass AAA Fail

Text on black

4,0:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026