#157D82

#157D82

Color Values

HEX

#157D82

RGB

21, 125, 130

HSL

182.8, 72.2%, 29.6%

HSV

182.8, 83.8%, 51.0%

CMYK

83.8%, 3.8%, 0.0%, 49.0%

OKLCH

0.5382 0.0868 200.1

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#157D82

#821A15

Analogous

#158251

#154682

#157D82

Triadic

#157D82

#82157D

#7D8215

Split Complementary

#157D82

#821546

#825115

Tetradic

#157D82

#511582

#821A15

#468215

Color Blindness Simulation

Original

#157D82

Protanopia

#424381

Deuteranopia

#3C3480

Tritanopia

#1A8080

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F7F8
200
#C2F3F5
300
#96EAEE
400
#5DDEE5
500
#23D3DC
600
#1CA9B0
700
#17878D
800
#12696E
900
#114D50
950
#0B3132

Contrast Checker

Text on white

4.9:1

AA Pass AAA Fail

Text on black

4.29:1

AA Fail 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