#157472

#157472

Color Values

HEX

#157472

RGB

21, 116, 114

HSL

178.7, 69.3%, 26.9%

HSV

178.7, 81.9%, 45.5%

CMYK

81.9%, 0.0%, 1.7%, 54.5%

OKLCH

0.5079 0.0818 192.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#157472

#741517

Analogous

#157443

#154774

#157472

Triadic

#157472

#721574

#747215

Split Complementary

#157472

#741547

#744315

Tetradic

#157472

#431574

#741517

#477415

Color Blindness Simulation

Original

#157472

Protanopia

#3E3F72

Deuteranopia

#393273

Tritanopia

#1A7373

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F8F7
200
#C3F4F3
300
#97ECEA
400
#5FE2DF
500
#27D8D4
600
#1FADAA
700
#198A88
800
#146C6A
900
#124F4D
950
#0C3231

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026