#27706C

#27706C

Color Values

HEX

#27706C

RGB

39, 112, 108

HSL

176.7, 48.3%, 29.6%

HSV

176.7, 65.2%, 43.9%

CMYK

65.2%, 0.0%, 3.6%, 56.1%

OKLCH

0.4993 0.0714 190.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#27706C

#70272B

Analogous

#277047

#274F70

#27706C

Triadic

#27706C

#6C2770

#706C27

Split Complementary

#27706C

#70274F

#704727

Tetradic

#27706C

#472770

#70272B

#4F7027

Color Blindness Simulation

Original

#27706C

Protanopia

#47476D

Deuteranopia

#423D6D

Tritanopia

#2B6E6E

Achromatopsia

#606060

CSS Usage

background-color: #27706C;
color: #27706C;
border-color: #27706C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAEDEB
300
#A4DFDC
400
#73CEC9
500
#42BDB6
600
#359792
700
#2A7975
800
#215F5B
900
#1B4643
950
#112C2A

Contrast Checker

Text on white

5.8:1

AA Pass AAA Fail

Text on black

3.62:1

AA Fail AAA Fail

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