#27746F

#27746F

Color Values

HEX

#27746F

RGB

39, 116, 111

HSL

176.1, 49.7%, 30.4%

HSV

176.1, 66.4%, 45.5%

CMYK

66.4%, 0.0%, 4.3%, 54.5%

OKLCH

0.5111 0.0744 189.0

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#27746F

#74272C

Analogous

#277449

#275374

#27746F

Triadic

#27746F

#6F2774

#746F27

Split Complementary

#27746F

#742753

#744927

Tetradic

#27746F

#492774

#74272C

#537427

Color Blindness Simulation

Original

#27746F

Protanopia

#484970

Deuteranopia

#443E70

Tritanopia

#2B7171

Achromatopsia

#636363

CSS Usage

background-color: #27746F;
color: #27746F;
border-color: #27746F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E6F5F4
200
#CAEDEB
300
#A3E0DC
400
#72D0C9
500
#40BFB7
600
#339992
700
#297A75
800
#205F5B
900
#1B4643
950
#112C2B

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

3.81:1

AA Fail 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