#396FAD

#396FAD

Color Values

HEX

#396FAD

RGB

57, 111, 173

HSL

212,1, 50,4%, 45,1%

HSV

212,1, 67,1%, 67,8%

CMYK

67,1%, 35,8%, 0,0%, 32,2%

OKLCH

0,5345 0,1136 253,4

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#396FAD

#AD7739

Analogous

#39A9AD

#3D39AD

#396FAD

Triadic

#396FAD

#AD396F

#6FAD39

Split Complementary

#396FAD

#AD3D39

#A9AD39

Tetradic

#396FAD

#AD39A9

#AD7739

#39AD3D

Color Blindness Simulation

Original

#396FAD

Protanopia

#50519E

Deuteranopia

#4D499A

Tritanopia

#3C9290

Achromatopsia

#686868

CSS Usage

background-color: #396FAD;
color: #396FAD;
border-color: #396FAD;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F4F7FB
100
#E6EDF5
200
#C9DAED
300
#A3C0E1
400
#719DD0
500
#3F7BC0
600
#336299
700
#284F7B
800
#203E60
900
#1A2F46
950
#111E2C

Contrast Checker

Text on white

5,18:1

AA Pass AAA Fail

Text on black

4,05:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Oca 18, 2026