#159FA0

#159FA0

Color Values

HEX

#159FA0

RGB

21, 159, 160

HSL

180.4, 76.8%, 35.5%

HSV

180.4, 86.9%, 62.7%

CMYK

86.9%, 0.6%, 0.0%, 37.3%

OKLCH

0.638 0.1054 195.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#159FA0

#A01615

Analogous

#15A05B

#155AA0

#159FA0

Triadic

#159FA0

#A0159F

#9FA015

Split Complementary

#159FA0

#A0155A

#A05B15

Tetradic

#159FA0

#5B15A0

#A01615

#5AA015

Color Blindness Simulation

Original

#159FA0

Protanopia

#5152A0

Deuteranopia

#493EA0

Tritanopia

#1CA0A0

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#C0F6F7
300
#93F0F1
400
#58E8E9
500
#1EE0E1
600
#18B3B4
700
#138F90
800
#0F7071
900
#0F5152
950
#093334

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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