#156FBF

#156FBF

Color Values

HEX

#156FBF

RGB

21, 111, 191

HSL

208.2, 80.2%, 41.6%

HSV

208.2, 89.0%, 74.9%

CMYK

89.0%, 41.9%, 0.0%, 25.1%

OKLCH

0.5354 0.1476 251.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#156FBF

#BF6515

Analogous

#15BFBA

#151ABF

#156FBF

Triadic

#156FBF

#BF156F

#6FBF15

Split Complementary

#156FBF

#BF151A

#BFBA15

Tetradic

#156FBF

#BA15BF

#BF6515

#1ABF15

Color Blindness Simulation

Original

#156FBF

Protanopia

#3C3DAC

Deuteranopia

#3730A7

Tritanopia

#1A9C99

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDDF8
300
#91C5F3
400
#55A5EC
500
#1986E6
600
#146BB8
700
#105693
800
#0D4373
900
#0D3353
950
#092035

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