#396CF5

#396CF5

Color Values

HEX

#396CF5

RGB

57, 108, 245

HSL

223,7, 90,4%, 59,2%

HSV

223,7, 76,7%, 96,1%

CMYK

76,7%, 55,9%, 0,0%, 3,9%

OKLCH

0,5777 0,2128 264,9

Properties

Cool Light Nearest: royalblue 1

Color Harmonies

Complementary

#396CF5

#F5C239

Analogous

#39CAF5

#6439F5

#396CF5

Triadic

#396CF5

#F5396C

#6CF539

Split Complementary

#396CF5

#F56439

#CAF539

Tetradic

#396CF5

#F539CA

#F5C239

#39F564

Color Blindness Simulation

Original

#396CF5

Protanopia

#4F50D4

Deuteranopia

#4C48CC

Tritanopia

#3CBAB4

Achromatopsia

#6B6B6B

CSS Usage

background-color: #396CF5;
color: #396CF5;
border-color: #396CF5;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BBCDFC
300
#8AA9F9
400
#4B7AF6
500
#0C4BF3
600
#0A3CC2
700
#08309B
800
#062579
900
#091E58
950
#061337

Contrast Checker

Text on white

4,53:1

AA Pass AAA Fail

Text on black

4,64:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026