#057976

#057976

Color Values

HEX

#057976

RGB

5, 121, 118

HSL

178.4, 92.1%, 24.7%

HSV

178.4, 95.9%, 47.5%

CMYK

95.9%, 0.0%, 2.5%, 52.5%

OKLCH

0.521 0.0885 191.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#057976

#790508

Analogous

#05793C

#054279

#057976

Triadic

#057976

#760579

#797605

Split Complementary

#057976

#790542

#793C05

Tetradic

#057976

#3C0579

#790508

#427905

Color Blindness Simulation

Original

#057976

Protanopia

#373877

Deuteranopia

#302877

Tritanopia

#0B7777

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFCFA
300
#89FAF7
400
#4AF8F3
500
#0AF5EF
600
#08C4BF
700
#069D99
800
#057A77
900
#085956
950
#053837

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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