#277D50

#277D50

Color Values

HEX

#277D50

RGB

39, 125, 80

HSL

148.6, 52.4%, 32.2%

HSV

148.6, 68.8%, 49.0%

CMYK

68.8%, 0.0%, 36.0%, 51.0%

OKLCH

0.5266 0.1084 156.3

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#277D50

#7D2754

Analogous

#297D27

#277D7B

#277D50

Triadic

#277D50

#50277D

#7D5027

Split Complementary

#277D50

#7B277D

#7D2729

Tetradic

#277D50

#27297D

#7D2754

#7D7B27

Color Blindness Simulation

Original

#277D50

Protanopia

#4C4D5B

Deuteranopia

#47415E

Tritanopia

#2B6365

Achromatopsia

#676767

CSS Usage

background-color: #277D50;
color: #277D50;
border-color: #277D50;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FBF7
100
#E5F5ED
200
#C9EEDA
300
#A2E2C0
400
#6FD29E
500
#3DC27C
600
#319B64
700
#277C50
800
#1E613E
900
#1A472F
950
#102D1E

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026