#394551

#394551

Color Values

HEX

#394551

RGB

57, 69, 81

HSL

210.0, 17.4%, 27.1%

HSV

210.0, 29.6%, 31.8%

CMYK

29.6%, 14.8%, 0.0%, 68.2%

OKLCH

0.3846 0.0258 248.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#394551

#514539

Analogous

#395151

#393951

#394551

Triadic

#394551

#513945

#455139

Split Complementary

#394551

#513939

#515139

Tetradic

#394551

#513951

#514539

#395139

Color Blindness Simulation

Original

#394551

Protanopia

#3E3E4E

Deuteranopia

#3E3D4D

Tritanopia

#3A4C4B

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE2
300
#B7C2CC
400
#90A1B1
500
#698096
600
#546678
700
#435260
800
#35404B
900
#293038
950
#1A1F23

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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