#039293

#039293

Color Values

HEX

#039293

RGB

3, 146, 147

HSL

180.4, 96.0%, 29.4%

HSV

180.4, 98.0%, 57.6%

CMYK

98.0%, 0.7%, 0.0%, 42.4%

OKLCH

0.5981 0.1015 195.6

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#039293

#930403

Analogous

#03934C

#034A93

#039293

Triadic

#039293

#930392

#929303

Split Complementary

#039293

#93034A

#934C03

Tetradic

#039293

#4C0393

#930403

#4A9303

Color Blindness Simulation

Original

#039293

Protanopia

#414293

Deuteranopia

#392E93

Tritanopia

#0A9393

Achromatopsia

#747474

CSS Usage

background-color: #039293;
color: #039293;
border-color: #039293;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F1FEFE
100
#DFFCFC
200
#B9FDFE
300
#87FCFD
400
#46FAFB
500
#05F8FA
600
#04C7C8
700
#039FA0
800
#037C7D
900
#075A5A
950
#043939

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass 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