#27A592

#27A592

Color Values

HEX

#27A592

RGB

39, 165, 146

HSL

171.0, 61.8%, 40.0%

HSV

171.0, 76.4%, 64.7%

CMYK

76.4%, 0.0%, 11.5%, 35.3%

OKLCH

0.6514 0.1091 180.0

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#27A592

#A5273A

Analogous

#27A553

#2779A5

#27A592

Triadic

#27A592

#9227A5

#A59227

Split Complementary

#27A592

#A52779

#A55327

Tetradic

#27A592

#5327A5

#A5273A

#79A527

Color Blindness Simulation

Original

#27A592

Protanopia

#5E5F97

Deuteranopia

#564D98

Tritanopia

#2D9A9B

Achromatopsia

#898989

CSS Usage

background-color: #27A592;
color: #27A592;
border-color: #27A592;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFA
100
#E4F7F4
200
#C5F1EB
300
#9CE8DC
400
#66DBC9
500
#31CEB7
600
#27A592
700
#1F8475
800
#18675B
900
#164B43
950
#0E302B

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.88:1

AA Pass AAA Fail

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