#155196

#155196

Color Values

HEX

#155196

RGB

21, 81, 150

HSL

212.1, 75.4%, 33.5%

HSV

212.1, 86.0%, 58.8%

CMYK

86.0%, 46.0%, 0.0%, 41.2%

OKLCH

0.4374 0.1279 255.2

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#155196

#965A15

Analogous

#159196

#1A1596

#155196

Triadic

#155196

#961551

#519615

Split Complementary

#155196

#961A15

#919615

Tetradic

#155196

#961591

#965A15

#15961A

Color Blindness Simulation

Original

#155196

Protanopia

#2F3085

Deuteranopia

#2C2781

Tritanopia

#187875

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C0D9F6
300
#94BFF0
400
#5A9CE8
500
#1F79E0
600
#1961B3
700
#144D8F
800
#103C70
900
#102E51
950
#0A1D33

Contrast Checker

Text on white

7.93:1

AA Pass AAA Pass

Text on black

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