#159487

#159487

Color Values

HEX

#159487

RGB

21, 148, 135

HSL

173.9, 75.1%, 33.1%

HSV

173.9, 85.8%, 58.0%

CMYK

85.8%, 0.0%, 8.8%, 42.0%

OKLCH

0.6007 0.1026 183.8

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#159487

#941522

Analogous

#159448

#156194

#159487

Triadic

#159487

#871594

#948715

Split Complementary

#159487

#941561

#944815

Tetradic

#159487

#481594

#941522

#619415

Color Blindness Simulation

Original

#159487

Protanopia

#4C4D8A

Deuteranopia

#453B8B

Tritanopia

#1B8D8D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F2FCFB
100
#E2F9F6
200
#C0F6F1
300
#94F0E6
400
#5AE8D9
500
#20DFCC
600
#19B3A3
700
#148F82
800
#107066
900
#10514B
950
#0A332F

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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