#77A288

#77A288

Color Values

HEX

#77A288

RGB

119, 162, 136

HSL

143.7, 18.8%, 55.1%

HSV

143.7, 26.5%, 63.5%

CMYK

26.5%, 0.0%, 16.0%, 36.5%

OKLCH

0.6734 0.0605 157.8

Properties

Cool Light Nearest: darkseagreen 4

Color Harmonies

Complementary

#77A288

#A27791

Analogous

#7CA277

#77A29E

#77A288

Triadic

#77A288

#8877A2

#A28877

Split Complementary

#77A288

#9E77A2

#A2777C

Tetradic

#77A288

#777CA2

#A27791

#A29E77

Color Blindness Simulation

Original

#77A288

Protanopia

#8A8A8E

Deuteranopia

#878490

Tritanopia

#799394

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D5E2DA
300
#B6CDBF
400
#8FB29D
500
#68977A
600
#537962
700
#42614E
800
#344C3D
900
#28392F
950
#19241E

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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