#155FAC

#155FAC

Color Values

HEX

#155FAC

RGB

21, 95, 172

HSL

210.6, 78.2%, 37.8%

HSV

210.6, 87.8%, 67.5%

CMYK

87.8%, 44.8%, 0.0%, 32.5%

OKLCH

0.4856 0.141 253.9

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#155FAC

#AC6215

Analogous

#15AAAC

#1715AC

#155FAC

Triadic

#155FAC

#AC155F

#5FAC15

Split Complementary

#155FAC

#AC1715

#AAAC15

Tetradic

#155FAC

#AC15AA

#AC6215

#15AC17

Color Blindness Simulation

Original

#155FAC

Protanopia

#353699

Deuteranopia

#312B95

Tritanopia

#198B87

Achromatopsia

#555555

CSS Usage

background-color: #155FAC;
color: #155FAC;
border-color: #155FAC;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDBF7
300
#92C1F2
400
#579FEA
500
#1C7EE3
600
#1664B6
700
#125091
800
#0E3F72
900
#0E3053
950
#091E34

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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