#77DAA2

#77DAA2

Color Values

HEX

#77DAA2

RGB

119, 218, 162

HSL

146.1, 57.2%, 66.1%

HSV

146.1, 45.4%, 85.5%

CMYK

45.4%, 0.0%, 25.7%, 14.5%

OKLCH

0.8128 0.1239 157.3

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#77DAA2

#DA77AF

Analogous

#7EDA77

#77DAD4

#77DAA2

Triadic

#77DAA2

#A277DA

#DAA277

Split Complementary

#77DAA2

#D477DA

#DA777E

Tetradic

#77DAA2

#777EDA

#DA77AF

#DAD477

Color Blindness Simulation

Original

#77DAA2

Protanopia

#A2A3B0

Deuteranopia

#9C95B3

Tritanopia

#7CBABD

Achromatopsia

#C1C1C1

CSS Usage

background-color: #77DAA2;
color: #77DAA2;
border-color: #77DAA2;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FBF7
100
#E4F6EC
200
#C7F0D9
300
#9FE5BD
400
#6BD79A
500
#37C876
600
#2CA05E
700
#23804C
800
#1B643B
900
#18492D
950
#0F2E1D

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.33:1

AA Pass AAA Pass

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