#057474

#057474

Color Values

HEX

#057474

RGB

5, 116, 116

HSL

180.0, 91.7%, 23.7%

HSV

180.0, 95.7%, 45.5%

CMYK

95.7%, 0.0%, 0.0%, 54.5%

OKLCH

0.5066 0.0854 194.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#057474

#740505

Analogous

#05743C

#053C74

#057474

Triadic

#057474

#740574

#747405

Split Complementary

#057474

#74053C

#743C05

Tetradic

#057474

#3C0574

#740505

#3C7405

Color Blindness Simulation

Original

#057474

Protanopia

#353674

Deuteranopia

#2F2674

Tritanopia

#0B7474

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFCFC
300
#8AFAFA
400
#4AF7F7
500
#0BF4F4
600
#08C4C4
700
#079C9C
800
#057A7A
900
#085858
950
#053838

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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