#158382

#158382

Color Values

HEX

#158382

RGB

21, 131, 130

HSL

179.5, 72.4%, 29.8%

HSV

179.5, 84.0%, 51.4%

CMYK

84.0%, 0.0%, 0.8%, 48.6%

OKLCH

0.554 0.0903 193.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#158382

#831516

Analogous

#15834B

#154D83

#158382

Triadic

#158382

#821583

#838215

Split Complementary

#158382

#83154D

#834B15

Tetradic

#158382

#4B1583

#831516

#4D8315

Color Blindness Simulation

Original

#158382

Protanopia

#454682

Deuteranopia

#3E3682

Tritanopia

#1A8282

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C1F5F5
300
#95EEED
400
#5CE5E4
500
#23DCDA
600
#1CB0AF
700
#178D8C
800
#126E6D
900
#11504F
950
#0B3332

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

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