#393549

#393549

Color Values

HEX

#393549

RGB

57, 53, 73

HSL

252.0, 15.9%, 24.7%

HSV

252.0, 27.4%, 28.6%

CMYK

21.9%, 27.4%, 0.0%, 71.4%

OKLCH

0.3416 0.035 293.6

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#393549

#454935

Analogous

#353B49

#433549

#393549

Triadic

#393549

#493935

#354939

Split Complementary

#393549

#494335

#3B4935

Tetradic

#393549

#49353B

#454935

#354943

Color Blindness Simulation

Original

#393549

Protanopia

#373744

Deuteranopia

#383843

Tritanopia

#394040

Achromatopsia

#373737

CSS Usage

background-color: #393549;
color: #393549;
border-color: #393549;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D8D6E1
300
#BCB8CC
400
#9892B0
500
#736B94
600
#5C5676
700
#4A455F
800
#3A364A
900
#2C2A37
950
#1C1A23

Contrast Checker

Text on white

11.8:1

AA Pass AAA Pass

Text on black

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