#76B1CC

#76B1CC

Color Values

HEX

#76B1CC

RGB

118, 177, 204

HSL

198.8, 45.7%, 63.1%

HSV

198.8, 42.2%, 80.0%

CMYK

42.2%, 13.2%, 0.0%, 20.0%

OKLCH

0.7298 0.0726 228.5

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#76B1CC

#CC9176

Analogous

#76CCBC

#7686CC

#76B1CC

Triadic

#76B1CC

#CC76B1

#B1CC76

Split Complementary

#76B1CC

#CC7686

#CCBC76

Tetradic

#76B1CC

#BC76CC

#CC9176

#86CC76

Color Blindness Simulation

Original

#76B1CC

Protanopia

#9090C5

Deuteranopia

#8C88C4

Tritanopia

#79C0BF

Achromatopsia

#A6A6A6

CSS Usage

background-color: #76B1CC;
color: #76B1CC;
border-color: #76B1CC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F8FA
100
#E6F0F4
200
#CBE1EC
300
#A6CCDE
400
#76B1CC
500
#4595BA
600
#377795
700
#2C6077
800
#234B5D
900
#1D3844
950
#12232B

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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