#157D8F

#157D8F

Color Values

HEX

#157D8F

RGB

21, 125, 143

HSL

188.9, 74.4%, 32.2%

HSV

188.9, 85.3%, 56.1%

CMYK

85.3%, 12.6%, 0.0%, 43.9%

OKLCH

0.5436 0.0903 213.1

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#157D8F

#8F2715

Analogous

#158F64

#15408F

#157D8F

Triadic

#157D8F

#8F157D

#7D8F15

Split Complementary

#157D8F

#8F1540

#8F6415

Tetradic

#157D8F

#64158F

#8F2715

#408F15

Color Blindness Simulation

Original

#157D8F

Protanopia

#42438B

Deuteranopia

#3C348A

Tritanopia

#1A8786

Achromatopsia

#686868

CSS Usage

background-color: #157D8F;
color: #157D8F;
border-color: #157D8F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C1EEF6
300
#94E2EF
400
#5AD2E7
500
#21C2DE
600
#1A9BB2
700
#157C8E
800
#10616F
900
#104751
950
#0A2D33

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

4.36:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026