#77BFC4

#77BFC4

Color Values

HEX

#77BFC4

RGB

119, 191, 196

HSL

183.9, 39.5%, 61.8%

HSV

183.9, 39.3%, 76.9%

CMYK

39.3%, 2.6%, 0.0%, 23.1%

OKLCH

0.7592 0.0725 201.4

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#77BFC4

#C47C77

Analogous

#77C4A3

#7799C4

#77BFC4

Triadic

#77BFC4

#C477BF

#BFC477

Split Complementary

#77BFC4

#C47799

#C4A377

Tetradic

#77BFC4

#A377C4

#C47C77

#99C477

Color Blindness Simulation

Original

#77BFC4

Protanopia

#9697C3

Deuteranopia

#928DC2

Tritanopia

#7BC2C2

Achromatopsia

#B0B0B0

CSS Usage

background-color: #77BFC4;
color: #77BFC4;
border-color: #77BFC4;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE8E9
300
#AAD7DA
400
#7BC1C6
500
#4DABB2
600
#3E898E
700
#316E72
800
#275659
900
#1F3F42
950
#142829

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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