#76B7BE

#76B7BE

Color Values

HEX

#76B7BE

RGB

118, 183, 190

HSL

185.8, 35.6%, 60.4%

HSV

185.8, 37.9%, 74.5%

CMYK

37.9%, 3.7%, 0.0%, 25.5%

OKLCH

0.7383 0.067 204.5

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#76B7BE

#BE7D76

Analogous

#76BEA1

#7693BE

#76B7BE

Triadic

#76B7BE

#BE76B7

#B7BE76

Split Complementary

#76B7BE

#BE7693

#BEA176

Tetradic

#76B7BE

#A176BE

#BE7D76

#93BE76

Color Blindness Simulation

Original

#76B7BE

Protanopia

#9293BC

Deuteranopia

#8E8ABC

Tritanopia

#79BBBB

Achromatopsia

#AAAAAA

CSS Usage

background-color: #76B7BE;
color: #76B7BE;
border-color: #76B7BE;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CFE6E8
300
#ACD3D8
400
#7FBCC2
500
#52A4AD
600
#42838A
700
#35696F
800
#295256
900
#213D40
950
#152728

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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