#394B71

#394B71

Color Values

HEX

#394B71

RGB

57, 75, 113

HSL

220.7, 32.9%, 33.3%

HSV

220.7, 49.6%, 44.3%

CMYK

49.6%, 33.6%, 0.0%, 55.7%

OKLCH

0.4154 0.0679 264.3

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#394B71

#715F39

Analogous

#396771

#433971

#394B71

Triadic

#394B71

#71394B

#4B7139

Split Complementary

#394B71

#714339

#677139

Tetradic

#394B71

#713967

#715F39

#397143

Color Blindness Simulation

Original

#394B71

Protanopia

#414168

Deuteranopia

#403E66

Tritanopia

#3A615F

Achromatopsia

#4A4A4A

CSS Usage

background-color: #394B71;
color: #394B71;
border-color: #394B71;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7F9
100
#E8EBF2
200
#D0D7E7
300
#AEBBD6
400
#8296C0
500
#5671A9
600
#445A88
700
#37486C
800
#2B3855
900
#222B3F
950
#161B28

Contrast Checker

Text on white

8.68:1

AA Pass AAA Pass

Text on black

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