#159FA2

#159FA2

Color Values

HEX

#159FA2

RGB

21, 159, 162

HSL

181.3, 77.0%, 35.9%

HSV

181.3, 87.0%, 63.5%

CMYK

87.0%, 1.9%, 0.0%, 36.5%

OKLCH

0.6388 0.1054 197.3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#159FA2

#A21815

Analogous

#15A25F

#1558A2

#159FA2

Triadic

#159FA2

#A2159F

#9FA215

Split Complementary

#159FA2

#A21558

#A25F15

Tetradic

#159FA2

#5F15A2

#A21815

#58A215

Color Blindness Simulation

Original

#159FA2

Protanopia

#5152A1

Deuteranopia

#493EA1

Tritanopia

#1CA1A1

Achromatopsia

#828282

CSS Usage

background-color: #159FA2;
color: #159FA2;
border-color: #159FA2;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#C0F6F7
300
#93EFF1
400
#58E6E9
500
#1DDDE2
600
#17B1B5
700
#138E90
800
#0F6F71
900
#0F5152
950
#093334

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

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