#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026