#76A3CC

#76A3CC

Color Values

HEX

#76A3CC

RGB

118, 163, 204

HSL

208.6, 45.7%, 63.1%

HSV

208.6, 42.2%, 80.0%

CMYK

42.2%, 20.1%, 0.0%, 20.0%

OKLCH

0.6986 0.0777 246.7

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#76A3CC

#CC9F76

Analogous

#76CCCA

#7678CC

#76A3CC

Triadic

#76A3CC

#CC76A3

#A3CC76

Split Complementary

#76A3CC

#CC7678

#CCCA76

Tetradic

#76A3CC

#CA76CC

#CC9F76

#78CC76

Color Blindness Simulation

Original

#76A3CC

Protanopia

#898AC2

Deuteranopia

#8784C0

Tritanopia

#78BAB9

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDCEC
300
#A6C3DE
400
#76A3CC
500
#4582BA
600
#376895
700
#2C5377
800
#23415D
900
#1D3144
950
#121F2B

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.88:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026