#394869

#394869

Color Values

HEX

#394869

RGB

57, 72, 105

HSL

221.2, 29.6%, 31.8%

HSV

221.2, 45.7%, 41.2%

CMYK

45.7%, 31.4%, 0.0%, 58.8%

OKLCH

0.4038 0.0592 265.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#394869

#695A39

Analogous

#396069

#423969

#394869

Triadic

#394869

#693948

#486939

Split Complementary

#394869

#694239

#606939

Tetradic

#394869

#693960

#695A39

#396942

Color Blindness Simulation

Original

#394869

Protanopia

#3F4061

Deuteranopia

#3F3E5F

Tritanopia

#3A5B59

Achromatopsia

#474747

CSS Usage

background-color: #394869;
color: #394869;
border-color: #394869;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F7F9
100
#E9EBF2
200
#D1D7E6
300
#B0BBD4
400
#8596BD
500
#5A71A5
600
#485B84
700
#39496A
800
#2D3953
900
#242C3D
950
#161C27

Contrast Checker

Text on white

9.11:1

AA Pass AAA Pass

Text on black

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