#156CB7

#156CB7

Color Values

HEX

#156CB7

RGB

21, 108, 183

HSL

207.8, 79.4%, 40.0%

HSV

207.8, 88.5%, 71.8%

CMYK

88.5%, 41.0%, 0.0%, 28.2%

OKLCH

0.5232 0.1407 250.6

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#156CB7

#B76015

Analogous

#15B7B1

#151BB7

#156CB7

Triadic

#156CB7

#B7156C

#6CB715

Split Complementary

#156CB7

#B7151B

#B7B115

Tetradic

#156CB7

#B115B7

#B76015

#1BB715

Color Blindness Simulation

Original

#156CB7

Protanopia

#3B3BA5

Deuteranopia

#362FA0

Tritanopia

#199793

Achromatopsia

#5F5F5F

CSS Usage

background-color: #156CB7;
color: #156CB7;
border-color: #156CB7;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDDF8
300
#91C5F2
400
#56A6EC
500
#1A87E5
600
#156CB7
700
#115692
800
#0D4372
900
#0E3353
950
#092034

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

3.86: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