#155BAC

#155BAC

Color Values

HEX

#155BAC

RGB

21, 91, 172

HSL

212.2, 78.2%, 37.8%

HSV

212.2, 87.8%, 67.5%

CMYK

87.8%, 47.1%, 0.0%, 32.5%

OKLCH

0.4764 0.1457 255.6

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#155BAC

#AC6615

Analogous

#15A6AC

#1B15AC

#155BAC

Triadic

#155BAC

#AC155B

#5BAC15

Split Complementary

#155BAC

#AC1B15

#A6AC15

Tetradic

#155BAC

#AC15A6

#AC6615

#15AC1B

Color Blindness Simulation

Original

#155BAC

Protanopia

#333498

Deuteranopia

#2F2A94

Tritanopia

#188986

Achromatopsia

#525252

CSS Usage

background-color: #155BAC;
color: #155BAC;
border-color: #155BAC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD9F7
300
#92BEF2
400
#579BEA
500
#1C78E3
600
#1660B6
700
#124D91
800
#0E3C72
900
#0E2E53
950
#091D34

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

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