#277B7F

#277B7F

Color Values

HEX

#277B7F

RGB

39, 123, 127

HSL

182.7, 53.0%, 32.5%

HSV

182.7, 69.3%, 49.8%

CMYK

69.3%, 3.1%, 0.0%, 50.2%

OKLCH

0.5356 0.0783 199.7

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#277B7F

#7F2B27

Analogous

#277F57

#274F7F

#277B7F

Triadic

#277B7F

#7F277B

#7B7F27

Split Complementary

#277B7F

#7F274F

#7F5727

Tetradic

#277B7F

#57277F

#7F2B27

#4F7F27

Color Blindness Simulation

Original

#277B7F

Protanopia

#4B4C7E

Deuteranopia

#46407E

Tritanopia

#2B7D7D

Achromatopsia

#696969

CSS Usage

background-color: #277B7F;
color: #277B7F;
border-color: #277B7F;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C8EDEE
300
#A1DFE2
400
#6FCED3
500
#3CBDC3
600
#30979C
700
#26797D
800
#1E5E62
900
#194548
950
#102C2D

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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