#27766F

#27766F

Color Values

HEX

#27766F

RGB

39, 118, 111

HSL

174.7, 50.3%, 30.8%

HSV

174.7, 66.9%, 46.3%

CMYK

66.9%, 0.0%, 5.9%, 53.7%

OKLCH

0.5164 0.0763 186.8

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#27766F

#76272E

Analogous

#277648

#275676

#27766F

Triadic

#27766F

#6F2776

#766F27

Split Complementary

#27766F

#762756

#764827

Tetradic

#27766F

#482776

#76272E

#567627

Color Blindness Simulation

Original

#27766F

Protanopia

#494A71

Deuteranopia

#453F71

Tritanopia

#2B7272

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#C9EDEA
300
#A3E1DB
400
#71D0C8
500
#3FC0B4
600
#339990
700
#297B73
800
#20605A
900
#1B4643
950
#112C2A

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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