#03C9AC

#03C9AC

Color Values

HEX

#03C9AC

RGB

3, 201, 172

HSL

171.2, 97.1%, 40.0%

HSV

171.2, 98.5%, 78.8%

CMYK

98.5%, 0.0%, 14.4%, 21.2%

OKLCH

0.7477 0.138 177.3

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#03C9AC

#C90320

Analogous

#03C949

#0383C9

#03C9AC

Triadic

#03C9AC

#AC03C9

#C9AC03

Split Complementary

#03C9AC

#C90383

#C94903

Tetradic

#03C9AC

#4903C9

#C90320

#83C903

Color Blindness Simulation

Original

#03C9AC

Protanopia

#595AB3

Deuteranopia

#4D3EB5

Tritanopia

#0DB9BA

Achromatopsia

#9D9D9D

CSS Usage

background-color: #03C9AC;
color: #03C9AC;
border-color: #03C9AC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B9FEF4
300
#86FDEC
400
#45FCE1
500
#04FBD7
600
#03C9AC
700
#02A18A
800
#027E6B
900
#065B4E
950
#043931

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.95:1

AA Pass AAA Pass

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