#76BFAB

#76BFAB

Color Values

HEX

#76BFAB

RGB

118, 191, 171

HSL

163.6, 36.3%, 60.6%

HSV

163.6, 38.2%, 74.9%

CMYK

38.2%, 0.0%, 10.5%, 25.1%

OKLCH

0.7509 0.0792 174.7

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#76BFAB

#BF768A

Analogous

#76BF87

#76AEBF

#76BFAB

Triadic

#76BFAB

#AB76BF

#BFAB76

Split Complementary

#76BFAB

#BF76AE

#BF8776

Tetradic

#76BFAB

#8776BF

#BF768A

#AEBF76

Color Blindness Simulation

Original

#76BFAB

Protanopia

#9696B0

Deuteranopia

#918CB1

Tritanopia

#7AB4B4

Achromatopsia

#AEAEAE

CSS Usage

background-color: #76BFAB;
color: #76BFAB;
border-color: #76BFAB;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F3F0
200
#CEE8E1
300
#ACD8CC
400
#7EC3B0
500
#51AE94
600
#418B77
700
#346F5F
800
#29574A
900
#214038
950
#152923

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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