#393DAE

#393DAE

Color Values

HEX

#393DAE

RGB

57, 61, 174

HSL

237.9, 50.6%, 45.3%

HSV

237.9, 67.2%, 68.2%

CMYK

67.2%, 64.9%, 0.0%, 31.8%

OKLCH

0.4315 0.176 274.7

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#393DAE

#AEAA39

Analogous

#3978AE

#6F39AE

#393DAE

Triadic

#393DAE

#AE393D

#3DAE39

Split Complementary

#393DAE

#AE6F39

#78AE39

Tetradic

#393DAE

#AE3978

#AEAA39

#39AE6F

Color Blindness Simulation

Original

#393DAE

Protanopia

#3B3B93

Deuteranopia

#3A3A8C

Tritanopia

#397D78

Achromatopsia

#444444

CSS Usage

background-color: #393DAE;
color: #393DAE;
border-color: #393DAE;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E5E6F5
200
#C9CBED
300
#A3A5E1
400
#7174D0
500
#3F44C0
600
#32369A
700
#282B7B
800
#1F2260
900
#1A1C47
950
#11122D

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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