#77EFE6

#77EFE6

Color Values

HEX

#77EFE6

RGB

119, 239, 230

HSL

175.5, 78.9%, 70.2%

HSV

175.5, 50.2%, 93.7%

CMYK

50.2%, 0.0%, 3.8%, 6.3%

OKLCH

0.8803 0.1094 188.9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#77EFE6

#EF7780

Analogous

#77EFAA

#77BCEF

#77EFE6

Triadic

#77EFE6

#E677EF

#EFE677

Split Complementary

#77EFE6

#EF77BC

#EFAA77

Tetradic

#77EFE6

#AA77EF

#EF7780

#BCEF77

Color Blindness Simulation

Original

#77EFE6

Protanopia

#ABACE8

Deuteranopia

#A49BE9

Tritanopia

#7DEAEA

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F7
200
#BFF7F3
300
#92F2EB
400
#56EBE0
500
#1BE4D5
600
#16B6AA
700
#119288
800
#0D726B
900
#0E534E
950
#093431

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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