#393F71

#393F71

Color Values

HEX

#393F71

RGB

57, 63, 113

HSL

233.6, 32.9%, 33.3%

HSV

233.6, 49.6%, 44.3%

CMYK

49.6%, 44.2%, 0.0%, 55.7%

OKLCH

0.3876 0.0847 276.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#393F71

#716B39

Analogous

#395B71

#4F3971

#393F71

Triadic

#393F71

#71393F

#3F7139

Split Complementary

#393F71

#714F39

#5B7139

Tetradic

#393F71

#71395B

#716B39

#39714F

Color Blindness Simulation

Original

#393F71

Protanopia

#3C3C65

Deuteranopia

#3B3B62

Tritanopia

#395B59

Achromatopsia

#414141

CSS Usage

background-color: #393F71;
color: #393F71;
border-color: #393F71;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D2E7
300
#AEB2D6
400
#8288C0
500
#565FA9
600
#444C88
700
#373C6C
800
#2B2F55
900
#22253F
950
#161728

Contrast Checker

Text on white

9.89:1

AA Pass AAA Pass

Text on black

2.12: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