#394B72

#394B72

Color Values

HEX

#394B72

RGB

57, 75, 114

HSL

221.1, 33.3%, 33.5%

HSV

221.1, 50.0%, 44.7%

CMYK

50.0%, 34.2%, 0.0%, 55.3%

OKLCH

0.4159 0.0695 264.7

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#394B72

#726039

Analogous

#396772

#443972

#394B72

Triadic

#394B72

#72394B

#4B7239

Split Complementary

#394B72

#724439

#677239

Tetradic

#394B72

#723967

#726039

#397244

Color Blindness Simulation

Original

#394B72

Protanopia

#414169

Deuteranopia

#403E66

Tritanopia

#3A615F

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E7
300
#ADBAD6
400
#8195C0
500
#5570AA
600
#445988
700
#36486D
800
#2B3855
900
#222B3F
950
#151B28

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026