#393F56

#393F56

Color Values

HEX

#393F56

RGB

57, 63, 86

HSL

227.6, 20.3%, 28.0%

HSV

227.6, 33.7%, 33.7%

CMYK

33.7%, 26.7%, 0.0%, 66.3%

OKLCH

0.3721 0.0404 273.0

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#393F56

#565039

Analogous

#394D56

#413956

#393F56

Triadic

#393F56

#56393F

#3F5639

Split Complementary

#393F56

#564139

#4D5639

Tetradic

#393F56

#56394D

#565039

#395641

Color Blindness Simulation

Original

#393F56

Protanopia

#3C3C50

Deuteranopia

#3B3B4F

Tritanopia

#394C4B

Achromatopsia

#3F3F3F

CSS Usage

background-color: #393F56;
color: #393F56;
border-color: #393F56;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F7F9
100
#EAEBF0
200
#D4D7E3
300
#B5BBCE
400
#8D95B4
500
#667099
600
#515A7B
700
#414862
800
#33384D
900
#282B39
950
#191B24

Contrast Checker

Text on white

10.4:1

AA Pass AAA Pass

Text on black

2.02:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026