#394250

#394250

Color Values

HEX

#394250

RGB

57, 66, 80

HSL

216.5, 16.8%, 26.9%

HSV

216.5, 28.7%, 31.4%

CMYK

28.8%, 17.5%, 0.0%, 68.6%

OKLCH

0.3766 0.0269 259.2

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#394250

#504739

Analogous

#394E50

#3C3950

#394250

Triadic

#394250

#503942

#425039

Split Complementary

#394250

#503C39

#4E5039

Tetradic

#394250

#50394E

#504739

#39503C

Color Blindness Simulation

Original

#394250

Protanopia

#3D3D4D

Deuteranopia

#3C3C4C

Tritanopia

#394A49

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DAE1
300
#B8C0CC
400
#919DB1
500
#6A7B95
600
#556277
700
#444F5F
800
#353D4A
900
#292F38
950
#1A1E23

Contrast Checker

Text on white

10.15:1

AA Pass AAA Pass

Text on black

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