#155CEA

#155CEA

Color Values

HEX

#155CEA

RGB

21, 92, 234

HSL

220.0, 83.5%, 50.0%

HSV

220.0, 91.0%, 91.8%

CMYK

91.0%, 60.7%, 0.0%, 8.2%

OKLCH

0.5286 0.2247 262.2

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#155CEA

#EAA315

Analogous

#15C6EA

#3915EA

#155CEA

Triadic

#155CEA

#EA155C

#5CEA15

Split Complementary

#155CEA

#EA3915

#C6EA15

Tetradic

#155CEA

#EA15C6

#EAA315

#15EA39

Color Blindness Simulation

Original

#155CEA

Protanopia

#3434C8

Deuteranopia

#302ABF

Tritanopia

#19ACA7

Achromatopsia

#575757

CSS Usage

background-color: #155CEA;
color: #155CEA;
border-color: #155CEA;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F6FD
100
#E0E9FA
200
#BDD1F9
300
#8FB1F5
400
#5286EF
500
#155CEA
600
#114ABB
700
#0D3B96
800
#0B2E75
900
#0C2455
950
#081736

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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