#77A592

#77A592

Color Values

HEX

#77A592

RGB

119, 165, 146

HSL

155,2, 20,4%, 55,7%

HSV

155,2, 27,9%, 64,7%

CMYK

27,9%, 0,0%, 11,5%, 35,3%

OKLCH

0,6832 0,057 167,2

Properties

Cool Light Nearest: Wintergreen Dream

Color Harmonies

Complementary

#77A592

#A5778A

Analogous

#77A57B

#77A1A5

#77A592

Triadic

#77A592

#9277A5

#A59277

Split Complementary

#77A592

#A577A1

#A57B77

Tetradic

#77A592

#7B77A5

#A5778A

#A1A577

Color Blindness Simulation

Original

#77A592

Protanopia

#8B8B97

Deuteranopia

#888598

Tritanopia

#799A9B

Achromatopsia

#9A9A9A

CSS Usage

background-color: #77A592;
color: #77A592;
border-color: #77A592;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E3DD
300
#B5CEC4
400
#8DB4A4
500
#659A84
600
#517B6A
700
#416254
800
#334D42
900
#283932
950
#192420

Contrast Checker

Text on white

2,77:1

AA Fail AAA Fail

Text on black

7,58:1

AA Pass AAA Pass

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