#393FF8

#393FF8

Color Values

HEX

#393FF8

RGB

57, 63, 248

HSL

238.1, 93.2%, 59.8%

HSV

238.1, 77.0%, 97.3%

CMYK

77.0%, 74.6%, 0.0%, 2.7%

OKLCH

0.5068 0.2641 270.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#393FF8

#F8F239

Analogous

#399FF8

#9239F8

#393FF8

Triadic

#393FF8

#F8393F

#3FF839

Split Complementary

#393FF8

#F89239

#9FF839

Tetradic

#393FF8

#F8399F

#F8F239

#39F892

Color Blindness Simulation

Original

#393FF8

Protanopia

#3C3CCB

Deuteranopia

#3B3BC0

Tritanopia

#39A8A0

Achromatopsia

#4B4B4B

CSS Usage

background-color: #393FF8;
color: #393FF8;
border-color: #393FF8;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFD
300
#898CFB
400
#494EF9
500
#0910F6
600
#070DC5
700
#060A9E
800
#04087B
900
#080A59
950
#050738

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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