#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