#393F92

#393F92

Color Values

HEX

#393F92

RGB

57, 63, 146

HSL

236.0, 43.8%, 39.8%

HSV

236.0, 61.0%, 57.3%

CMYK

61.0%, 56.8%, 0.0%, 42.7%

OKLCH

0.4115 0.1348 275.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#393F92

#928C39

Analogous

#396B92

#603992

#393F92

Triadic

#393F92

#92393F

#3F9239

Split Complementary

#393F92

#926039

#6B9239

Tetradic

#393F92

#92396B

#928C39

#399260

Color Blindness Simulation

Original

#393F92

Protanopia

#3C3C7E

Deuteranopia

#3B3B79

Tritanopia

#396E6B

Achromatopsia

#444444

CSS Usage

background-color: #393F92;
color: #393F92;
border-color: #393F92;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCEEB
300
#A7ABDD
400
#777DCA
500
#484FB7
600
#393F93
700
#2E3375
800
#24285C
900
#1D2044
950
#13142B

Contrast Checker

Text on white

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