#393DF1

#393DF1

Color Values

HEX

#393DF1

RGB

57, 61, 241

HSL

238.7, 86.8%, 58.4%

HSV

238.7, 76.3%, 94.5%

CMYK

76.3%, 74.7%, 0.0%, 5.5%

OKLCH

0.497 0.258 271.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#393DF1

#F1ED39

Analogous

#3999F1

#9139F1

#393DF1

Triadic

#393DF1

#F1393D

#3DF139

Split Complementary

#393DF1

#F19139

#99F139

Tetradic

#393DF1

#F13999

#F1ED39

#39F191

Color Blindness Simulation

Original

#393DF1

Protanopia

#3B3BC5

Deuteranopia

#3A3ABB

Tritanopia

#39A39C

Achromatopsia

#494949

CSS Usage

background-color: #393DF1;
color: #393DF1;
border-color: #393DF1;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBEFA
300
#8D8FF7
400
#4F52F3
500
#1116EE
600
#0D11BF
700
#0B0E98
800
#080B77
900
#0B0C56
950
#070837

Contrast Checker

Text on white

6.75:1

AA Pass AAA Fail

Text on black

3.11:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026