#158EB7

#158EB7

Color Values

HEX

#158EB7

RGB

21, 142, 183

HSL

195.2, 79.4%, 40.0%

HSV

195.2, 88.5%, 71.8%

CMYK

88.5%, 22.4%, 0.0%, 28.2%

OKLCH

0.6051 0.1137 228.1

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#158EB7

#B73E15

Analogous

#15B78F

#153DB7

#158EB7

Triadic

#158EB7

#B7158E

#8EB715

Split Complementary

#158EB7

#B7153D

#B78F15

Tetradic

#158EB7

#8F15B7

#B73E15

#3DB715

Color Blindness Simulation

Original

#158EB7

Protanopia

#494AAD

Deuteranopia

#4239AB

Tritanopia

#1BA5A4

Achromatopsia

#777777

CSS Usage

background-color: #158EB7;
color: #158EB7;
border-color: #158EB7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FAFD
100
#E1F3F9
200
#BFE9F8
300
#91DAF2
400
#56C6EC
500
#1AB1E5
600
#158EB7
700
#117292
800
#0D5972
900
#0E4253
950
#092934

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026