#159CEA

#159CEA

Color Values

HEX

#159CEA

RGB

21, 156, 234

HSL

202.0, 83.5%, 50.0%

HSV

202.0, 91.0%, 91.8%

CMYK

91.0%, 33.3%, 0.0%, 8.2%

OKLCH

0.665 0.1551 242.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#159CEA

#EA6315

Analogous

#15EACE

#1531EA

#159CEA

Triadic

#159CEA

#EA159C

#9CEA15

Split Complementary

#159CEA

#EA1531

#EACE15

Tetradic

#159CEA

#CE15EA

#EA6315

#31EA15

Color Blindness Simulation

Original

#159CEA

Protanopia

#4F51D7

Deuteranopia

#483ED3

Tritanopia

#1CC8C5

Achromatopsia

#858585

CSS Usage

background-color: #159CEA;
color: #159CEA;
border-color: #159CEA;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F2F9FD
100
#E0F1FA
200
#BDE3F9
300
#8FCFF5
400
#52B6EF
500
#159CEA
600
#117DBB
700
#0D6496
800
#0B4E75
900
#0C3A55
950
#082536

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.98:1

AA Pass 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