#05C2C2

#05C2C2

Color Values

HEX

#05C2C2

RGB

5, 194, 194

HSL

180.0, 95.0%, 39.0%

HSV

180.0, 97.4%, 76.1%

CMYK

97.4%, 0.0%, 0.0%, 23.9%

OKLCH

0.7373 0.1253 194.8

Properties

Cool Light Nearest: cyan 3

Color Harmonies

Complementary

#05C2C2

#C20505

Analogous

#05C263

#0563C2

#05C2C2

Triadic

#05C2C2

#C205C2

#C2C205

Split Complementary

#05C2C2

#C20563

#C26305

Tetradic

#05C2C2

#6305C2

#C20505

#63C205

Color Blindness Simulation

Original

#05C2C2

Protanopia

#5758C2

Deuteranopia

#4C3EC2

Tritanopia

#0EC2C2

Achromatopsia

#9A9A9A

CSS Usage

background-color: #05C2C2;
color: #05C2C2;
border-color: #05C2C2;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F1FEFE
100
#DFFCFC
200
#B9FDFD
300
#88FCFC
400
#47FAFA
500
#06F9F9
600
#05C7C7
700
#049F9F
800
#037C7C
900
#075A5A
950
#043939

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

9.5:1

AA Pass AAA Pass

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