#77C5BF

#77C5BF

Color Values

HEX

#77C5BF

RGB

119, 197, 191

HSL

175.4, 40.2%, 62.0%

HSV

175.4, 39.6%, 77.3%

CMYK

39.6%, 0.0%, 3.0%, 22.7%

OKLCH

0.7714 0.0778 189.4

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#77C5BF

#C5777D

Analogous

#77C598

#77A4C5

#77C5BF

Triadic

#77C5BF

#BF77C5

#C5BF77

Split Complementary

#77C5BF

#C577A4

#C59877

Tetradic

#77C5BF

#9877C5

#C5777D

#A4C577

Color Blindness Simulation

Original

#77C5BF

Protanopia

#9999C0

Deuteranopia

#948EC1

Tritanopia

#7BC2C2

Achromatopsia

#B4B4B4

CSS Usage

background-color: #77C5BF;
color: #77C5BF;
border-color: #77C5BF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAFA
100
#E7F3F2
200
#CDEAE7
300
#A9DAD7
400
#7BC7C1
500
#4CB3AB
600
#3D8F89
700
#31726D
800
#265955
900
#1F423F
950
#142A28

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

10.52:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026