#393546

#393546

Color Values

HEX

#393546

RGB

57, 53, 70

HSL

254.1, 13.8%, 24.1%

HSV

254.1, 24.3%, 27.5%

CMYK

18.6%, 24.3%, 0.0%, 72.5%

OKLCH

0.3402 0.0299 295.6

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#393546

#424635

Analogous

#353946

#413546

#393546

Triadic

#393546

#463935

#354639

Split Complementary

#393546

#464135

#394635

Tetradic

#393546

#463539

#424635

#354641

Color Blindness Simulation

Original

#393546

Protanopia

#373742

Deuteranopia

#383841

Tritanopia

#393F3E

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBEF
200
#D9D6E0
300
#BDB9CA
400
#9A94AE
500
#766E91
600
#5F5874
700
#4C465D
800
#3B3749
900
#2D2A36
950
#1D1B22

Contrast Checker

Text on white

11.85:1

AA Pass AAA Pass

Text on black

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