#76A6EE

#76A6EE

Color Values

HEX

#76A6EE

RGB

118, 166, 238

HSL

216.0, 77.9%, 69.8%

HSV

216.0, 50.4%, 93.3%

CMYK

50.4%, 30.3%, 0.0%, 6.7%

OKLCH

0.7206 0.1177 258.3

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#76A6EE

#EEBE76

Analogous

#76E2EE

#8276EE

#76A6EE

Triadic

#76A6EE

#EE76A6

#A6EE76

Split Complementary

#76A6EE

#EE8276

#E2EE76

Tetradic

#76A6EE

#EE76E2

#EEBE76

#76EE82

Color Blindness Simulation

Original

#76A6EE

Protanopia

#8B8BDD

Deuteranopia

#8884D8

Tritanopia

#78CFCC

Achromatopsia

#A1A1A1

CSS Usage

background-color: #76A6EE;
color: #76A6EE;
border-color: #76A6EE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#BFD6F7
300
#92B8F1
400
#5792EA
500
#1C6CE3
600
#1756B5
700
#124591
800
#0E3671
900
#0E2A52
950
#091A34

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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