#154FEA

#154FEA

Color Values

HEX

#154FEA

RGB

21, 79, 234

HSL

223.7, 83.5%, 50.0%

HSV

223.7, 91.0%, 91.8%

CMYK

91.0%, 66.2%, 0.0%, 8.2%

OKLCH

0.5052 0.2393 263.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#154FEA

#EAB015

Analogous

#15B9EA

#4615EA

#154FEA

Triadic

#154FEA

#EA154F

#4FEA15

Split Complementary

#154FEA

#EA4615

#B9EA15

Tetradic

#154FEA

#EA15B9

#EAB015

#15EA46

Color Blindness Simulation

Original

#154FEA

Protanopia

#2E2FC5

Deuteranopia

#2B26BB

Tritanopia

#18A7A0

Achromatopsia

#4E4E4E

CSS Usage

background-color: #154FEA;
color: #154FEA;
border-color: #154FEA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCEF9
300
#8FAAF5
400
#527DEF
500
#154FEA
600
#113FBB
700
#0D3296
800
#0B2775
900
#0C2055
950
#081436

Contrast Checker

Text on white

6.29:1

AA Pass AAA Fail

Text on black

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