#77B7BF

#77B7BF

Color Values

HEX

#77B7BF

RGB

119, 183, 191

HSL

186.7, 36.0%, 60.8%

HSV

186.7, 37.7%, 74.9%

CMYK

37.7%, 4.2%, 0.0%, 25.1%

OKLCH

0.7392 0.0663 205.8

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#77B7BF

#BF7F77

Analogous

#77BFA3

#7793BF

#77B7BF

Triadic

#77B7BF

#BF77B7

#B7BF77

Split Complementary

#77B7BF

#BF7793

#BFA377

Tetradic

#77B7BF

#A377BF

#BF7F77

#93BF77

Color Blindness Simulation

Original

#77B7BF

Protanopia

#9393BD

Deuteranopia

#8F8ABD

Tritanopia

#7ABCBB

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE5E8
300
#ACD3D8
400
#7FBBC3
500
#52A3AD
600
#41838B
700
#34686F
800
#295257
900
#213D40
950
#152629

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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