#393662

#393662

Color Values

HEX

#393662

RGB

57, 54, 98

HSL

244.1, 28.9%, 29.8%

HSV

244.1, 44.9%, 38.4%

CMYK

41.8%, 44.9%, 0.0%, 61.6%

OKLCH

0.3581 0.0749 285.1

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#393662

#5F6236

Analogous

#364962

#4F3662

#393662

Triadic

#393662

#623936

#366239

Split Complementary

#393662

#624F36

#496236

Tetradic

#393662

#623649

#5F6236

#36624F

Color Blindness Simulation

Original

#393662

Protanopia

#383857

Deuteranopia

#383855

Tritanopia

#394F4D

Achromatopsia

#3A3A3A

CSS Usage

background-color: #393662;
color: #393662;
border-color: #393662;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D2D1E6
300
#B3B0D3
400
#8985BC
500
#605BA4
600
#4D4983
700
#3D3A69
800
#302D52
900
#26243D
950
#181727

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

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