#05C2C7

#05C2C7

Color Values

HEX

#05C2C7

RGB

5, 194, 199

HSL

181.5, 95.1%, 40.0%

HSV

181.5, 97.5%, 78.0%

CMYK

97.5%, 2.5%, 0.0%, 22.0%

OKLCH

0.7391 0.1252 198.1

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#05C2C7

#C70A05

Analogous

#05C76B

#0561C7

#05C2C7

Triadic

#05C2C7

#C705C2

#C2C705

Split Complementary

#05C2C7

#C70561

#C76B05

Tetradic

#05C2C7

#6B05C7

#C70A05

#61C705

Color Blindness Simulation

Original

#05C2C7

Protanopia

#5758C6

Deuteranopia

#4C3EC5

Tritanopia

#0EC5C5

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DFFBFC
200
#B9FCFD
300
#88F9FC
400
#47F6FA
500
#06F3F9
600
#05C2C7
700
#049B9F
800
#03797C
900
#07585A
950
#043739

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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