#77BEBF

#77BEBF

Color Values

HEX

#77BEBF

RGB

119, 190, 191

HSL

180.8, 36.0%, 60.8%

HSV

180.8, 37.7%, 74.9%

CMYK

37.7%, 0.5%, 0.0%, 25.1%

OKLCH

0.7552 0.0714 196.9

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#77BEBF

#BF7877

Analogous

#77BF9C

#779ABF

#77BEBF

Triadic

#77BEBF

#BF77BE

#BEBF77

Split Complementary

#77BEBF

#BF779A

#BF9C77

Tetradic

#77BEBF

#9C77BF

#BF7877

#9ABF77

Color Blindness Simulation

Original

#77BEBF

Protanopia

#9696BF

Deuteranopia

#928CBF

Tritanopia

#7BBFBF

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE8E8
300
#ACD7D8
400
#7FC2C3
500
#52ACAD
600
#418A8B
700
#346E6F
800
#295657
900
#214040
950
#152829

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026