#158690

#158690

Color Values

HEX

#158690

RGB

21, 134, 144

HSL

184.9, 74.5%, 32.4%

HSV

184.9, 85.4%, 56.5%

CMYK

85.4%, 6.9%, 0.0%, 43.5%

OKLCH

0.5674 0.0925 204.5

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#158690

#901F15

Analogous

#15905D

#154990

#158690

Triadic

#158690

#901586

#869015

Split Complementary

#158690

#901549

#905D15

Tetradic

#158690

#5D1590

#901F15

#499015

Color Blindness Simulation

Original

#158690

Protanopia

#46478E

Deuteranopia

#3F378D

Tritanopia

#1B8C8B

Achromatopsia

#6F6F6F

CSS Usage

background-color: #158690;
color: #158690;
border-color: #158690;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FBFC
100
#E2F7F8
200
#C1F2F6
300
#94E8EF
400
#5ADBE7
500
#21CFDE
600
#1AA6B2
700
#15848E
800
#10676F
900
#104C51
950
#0A3033

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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