#27787C

#27787C

Color Values

HEX

#27787C

RGB

39, 120, 124

HSL

182.8, 52.1%, 32.0%

HSV

182.8, 68.5%, 48.6%

CMYK

68.5%, 3.2%, 0.0%, 51.4%

OKLCH

0.5265 0.0763 199.8

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#27787C

#7C2B27

Analogous

#277C56

#274E7C

#27787C

Triadic

#27787C

#7C2778

#787C27

Split Complementary

#27787C

#7C274E

#7C5627

Tetradic

#27787C

#56277C

#7C2B27

#4E7C27

Color Blindness Simulation

Original

#27787C

Protanopia

#4A4B7B

Deuteranopia

#453F7B

Tritanopia

#2B7A7A

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9ECEE
300
#A2DFE2
400
#6FCDD2
500
#3DBCC2
600
#31969B
700
#27787C
800
#1F5E61
900
#1A4547
950
#102C2D

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026