#77CBBC

#77CBBC

Color Values

HEX

#77CBBC

RGB

119, 203, 188

HSL

169.3, 44.7%, 63.1%

HSV

169.3, 41.4%, 79.6%

CMYK

41.4%, 0.0%, 7.4%, 20.4%

OKLCH

0.7844 0.0852 181.2

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#77CBBC

#CB7786

Analogous

#77CB92

#77B0CB

#77CBBC

Triadic

#77CBBC

#BC77CB

#CBBC77

Split Complementary

#77CBBC

#CB77B0

#CB9277

Tetradic

#77CBBC

#9277CB

#CB7786

#B0CB77

Color Blindness Simulation

Original

#77CBBC

Protanopia

#9B9CC0

Deuteranopia

#9690C0

Tritanopia

#7BC2C3

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F2
200
#CBEBE6
300
#A6DDD3
400
#76CBBC
500
#47B8A4
600
#389483
700
#2D7669
800
#235C52
900
#1D443D
950
#122B27

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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