#156EC4

#156EC4

Color Values

HEX

#156EC4

RGB

21, 110, 196

HSL

209.5, 80.6%, 42.5%

HSV

209.5, 89.3%, 76.9%

CMYK

89.3%, 43.9%, 0.0%, 23.1%

OKLCH

0.5364 0.1551 253.0

Properties

Cool Dark Nearest: dodgerblue 3

Color Harmonies

Complementary

#156EC4

#C46B15

Analogous

#15C4C2

#1516C4

#156EC4

Triadic

#156EC4

#C4156E

#6EC415

Split Complementary

#156EC4

#C41516

#C4C215

Tetradic

#156EC4

#C215C4

#C46B15

#16C415

Color Blindness Simulation

Original

#156EC4

Protanopia

#3C3CAF

Deuteranopia

#3630AA

Tritanopia

#199F9B

Achromatopsia

#616161

CSS Usage

background-color: #156EC4;
color: #156EC4;
border-color: #156EC4;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDCF8
300
#90C3F3
400
#55A2ED
500
#1981E6
600
#1467B8
700
#105393
800
#0C4173
900
#0D3154
950
#081F35

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026