#76CBD7

#76CBD7

Color Values

HEX

#76CBD7

RGB

118, 203, 215

HSL

187.4, 54.8%, 65.3%

HSV

187.4, 45.1%, 84.3%

CMYK

45.1%, 5.6%, 0.0%, 15.7%

OKLCH

0.7927 0.0841 207.3

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#76CBD7

#D78276

Analogous

#76D7B2

#769BD7

#76CBD7

Triadic

#76CBD7

#D776CB

#CBD776

Split Complementary

#76CBD7

#D7769B

#D7B276

Tetradic

#76CBD7

#B276D7

#D78276

#9BD776

Color Blindness Simulation

Original

#76CBD7

Protanopia

#9B9CD4

Deuteranopia

#9690D3

Tritanopia

#7AD2D1

Achromatopsia

#BABABA

CSS Usage

background-color: #76CBD7;
color: #76CBD7;
border-color: #76CBD7;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8EAEF
300
#A0DBE3
400
#6DC8D4
500
#3AB4C5
600
#2E909E
700
#25737E
800
#1D5A63
900
#194248
950
#102A2E

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.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