#27B0AA

#27B0AA

Color Values

HEX

#27B0AA

RGB

39, 176, 170

HSL

177.4, 63.7%, 42.2%

HSV

177.4, 77.8%, 69.0%

CMYK

77.8%, 0.0%, 3.4%, 31.0%

OKLCH

0.6872 0.1107 190.3

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#27B0AA

#B0272D

Analogous

#27B066

#2772B0

#27B0AA

Triadic

#27B0AA

#AA27B0

#B0AA27

Split Complementary

#27B0AA

#B02772

#B06627

Tetradic

#27B0AA

#6627B0

#B0272D

#72B027

Color Blindness Simulation

Original

#27B0AA

Protanopia

#6264AB

Deuteranopia

#5A50AC

Tritanopia

#2EADAD

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E3F7F6
200
#C5F2F0
300
#9BE9E5
400
#65DDD8
500
#2ED1CA
600
#25A7A1
700
#1E8681
800
#176865
900
#154C4A
950
#0D302F

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

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