#387ED4

#387ED4

Color Values

HEX

#387ED4

RGB

56, 126, 212

HSL

213.1, 64.5%, 52.5%

HSV

213.1, 73.6%, 83.1%

CMYK

73.6%, 40.6%, 0.0%, 16.9%

OKLCH

0.5915 0.1493 255.2

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#387ED4

#D48E38

Analogous

#38CCD4

#4038D4

#387ED4

Triadic

#387ED4

#D4387E

#7ED438

Split Complementary

#387ED4

#D44038

#CCD438

Tetradic

#387ED4

#D438CC

#D48E38

#38D440

Color Blindness Simulation

Original

#387ED4

Protanopia

#5657BF

Deuteranopia

#524DBA

Tritanopia

#3CAFAB

Achromatopsia

#757575

CSS Usage

background-color: #387ED4;
color: #387ED4;
border-color: #387ED4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D9F2
300
#9ABEE9
400
#649ADE
500
#2D77D2
600
#245FA8
700
#1D4C86
800
#173C69
900
#142E4D
950
#0D1D30

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

5.1:1

AA Pass 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