#27C1CC

#27C1CC

Color Values

HEX

#27C1CC

RGB

39, 193, 204

HSL

184.0, 67.9%, 47.6%

HSV

184.0, 80.9%, 80.0%

CMYK

80.9%, 5.4%, 0.0%, 20.0%

OKLCH

0.7415 0.1195 202.5

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#27C1CC

#CC3227

Analogous

#27CC84

#276ECC

#27C1CC

Triadic

#27C1CC

#CC27C1

#C1CC27

Split Complementary

#27C1CC

#CC276E

#CC8427

Tetradic

#27C1CC

#8427CC

#CC3227

#6ECC27

Color Blindness Simulation

Original

#27C1CC

Protanopia

#6A6BC9

Deuteranopia

#6155C9

Tritanopia

#2FC7C7

Achromatopsia

#A1A1A1

CSS Usage

background-color: #27C1CC;
color: #27C1CC;
border-color: #27C1CC;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3F0F4
300
#98E6EB
400
#61D8E1
500
#29CBD6
600
#21A2AB
700
#1A8289
800
#14656B
900
#134A4E
950
#0C2F31

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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