#77BBBA

#77BBBA

Color Values

HEX

#77BBBA

RGB

119, 187, 186

HSL

179.1, 33.3%, 60.0%

HSV

179.1, 36.4%, 73.3%

CMYK

36.4%, 0.0%, 0.5%, 26.7%

OKLCH

0.7467 0.0689 194.6

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#77BBBA

#BB7778

Analogous

#77BB98

#779ABB

#77BBBA

Triadic

#77BBBA

#BA77BB

#BBBA77

Split Complementary

#77BBBA

#BB779A

#BB9877

Tetradic

#77BBBA

#9877BB

#BB7778

#9ABB77

Color Blindness Simulation

Original

#77BBBA

Protanopia

#9495BA

Deuteranopia

#908BBA

Tritanopia

#7ABABA

Achromatopsia

#ACACAC

CSS Usage

background-color: #77BBBA;
color: #77BBBA;
border-color: #77BBBA;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE7E7
300
#ADD6D6
400
#81C0BF
500
#55AAA9
600
#448887
700
#366D6C
800
#2B5554
900
#223F3F
950
#152827

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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