#27C0BA

#27C0BA

Color Values

HEX

#27C0BA

RGB

39, 192, 186

HSL

177.6, 66.2%, 45.3%

HSV

177.6, 79.7%, 75.3%

CMYK

79.7%, 0.0%, 3.1%, 24.7%

OKLCH

0.7326 0.1193 190.7

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#27C0BA

#C0272D

Analogous

#27C06D

#277AC0

#27C0BA

Triadic

#27C0BA

#BA27C0

#C0BA27

Split Complementary

#27C0BA

#C0277A

#C06D27

Tetradic

#27C0BA

#6D27C0

#C0272D

#7AC027

Color Blindness Simulation

Original

#27C0BA

Protanopia

#696BBB

Deuteranopia

#6055BC

Tritanopia

#2FBDBD

Achromatopsia

#9F9F9F

CSS Usage

background-color: #27C0BA;
color: #27C0BA;
border-color: #27C0BA;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C4F3F1
300
#99EAE7
400
#62DFDA
500
#2BD4CD
600
#22AAA4
700
#1C8883
800
#166A67
900
#144D4B
950
#0C312F

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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