#158CEA

#158CEA

Color Values

HEX

#158CEA

RGB

21, 140, 234

HSL

206.5, 83.5%, 50.0%

HSV

206.5, 91.0%, 91.8%

CMYK

91.0%, 40.2%, 0.0%, 8.2%

OKLCH

0.6287 0.1701 249.7

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#158CEA

#EA7315

Analogous

#15EADE

#1521EA

#158CEA

Triadic

#158CEA

#EA158C

#8CEA15

Split Complementary

#158CEA

#EA1521

#EADE15

Tetradic

#158CEA

#DE15EA

#EA7315

#21EA15

Color Blindness Simulation

Original

#158CEA

Protanopia

#494AD3

Deuteranopia

#4239CE

Tritanopia

#1BC1BD

Achromatopsia

#797979

CSS Usage

background-color: #158CEA;
color: #158CEA;
border-color: #158CEA;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDDFF9
300
#8FC8F5
400
#52AAEF
500
#158CEA
600
#1170BB
700
#0D5A96
800
#0B4675
900
#0C3555
950
#082136

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

5.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026