#394664

#394664

Color Values

HEX

#394664

RGB

57, 70, 100

HSL

221.9, 27.4%, 30.8%

HSV

221.9, 43.0%, 39.2%

CMYK

43.0%, 30.0%, 0.0%, 60.8%

OKLCH

0.3963 0.0538 266.0

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#394664

#645739

Analogous

#395C64

#423964

#394664

Triadic

#394664

#643946

#466439

Split Complementary

#394664

#644239

#5C6439

Tetradic

#394664

#64395C

#645739

#396442

Color Blindness Simulation

Original

#394664

Protanopia

#3F3F5D

Deuteranopia

#3E3D5B

Tritanopia

#3A5756

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D7E5
300
#B1BBD3
400
#8796BB
500
#5D72A2
600
#4A5B82
700
#3B4968
800
#2E3951
900
#252C3C
950
#171C26

Contrast Checker

Text on white

9.4:1

AA Pass AAA Pass

Text on black

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