#057273

#057273

Color Values

HEX

#057273

RGB

5, 114, 115

HSL

180.5, 91.7%, 23.5%

HSV

180.5, 95.7%, 45.1%

CMYK

95.7%, 0.9%, 0.0%, 54.9%

OKLCH

0.5008 0.0842 195.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#057273

#730605

Analogous

#05733D

#053B73

#057273

Triadic

#057273

#730572

#727305

Split Complementary

#057273

#73053B

#733D05

Tetradic

#057273

#3D0573

#730605

#3B7305

Color Blindness Simulation

Original

#057273

Protanopia

#343573

Deuteranopia

#2E2673

Tritanopia

#0A7373

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFBFC
300
#8AF9FA
400
#4AF6F7
500
#0BF2F4
600
#08C2C4
700
#079B9C
800
#05797A
900
#085858
950
#053738

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

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