#155FEA

#155FEA

Color Values

HEX

#155FEA

RGB

21, 95, 234

HSL

219.2, 83.5%, 50.0%

HSV

219.2, 91.0%, 91.8%

CMYK

91.0%, 59.4%, 0.0%, 8.2%

OKLCH

0.5343 0.2213 261.7

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#155FEA

#EAA015

Analogous

#15C9EA

#3615EA

#155FEA

Triadic

#155FEA

#EA155F

#5FEA15

Split Complementary

#155FEA

#EA3615

#C9EA15

Tetradic

#155FEA

#EA15C9

#EAA015

#15EA36

Color Blindness Simulation

Original

#155FEA

Protanopia

#3536C8

Deuteranopia

#312BC0

Tritanopia

#19AEA8

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0E9FA
200
#BDD2F9
300
#8FB2F5
400
#5288EF
500
#155FEA
600
#114CBB
700
#0D3D96
800
#0B2F75
900
#0C2555
950
#081836

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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