#394658

#394658

Color Values

HEX

#394658

RGB

57, 70, 88

HSL

214.8, 21.4%, 28.4%

HSV

214.8, 35.2%, 34.5%

CMYK

35.2%, 20.5%, 0.0%, 65.5%

OKLCH

0.3903 0.0351 256.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#394658

#584B39

Analogous

#395558

#3B3958

#394658

Triadic

#394658

#583946

#465839

Split Complementary

#394658

#583B39

#555839

Tetradic

#394658

#583955

#584B39

#39583B

Color Blindness Simulation

Original

#394658

Protanopia

#3F3F54

Deuteranopia

#3E3D53

Tritanopia

#3A504F

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE3
300
#B5C0CF
400
#8C9DB5
500
#647B9B
600
#50637C
700
#404F63
800
#323E4D
900
#272F3A
950
#191E24

Contrast Checker

Text on white

9.58:1

AA Pass AAA Pass

Text on black

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