#76B0F0

#76B0F0

Color Values

HEX

#76B0F0

RGB

118, 176, 240

HSL

211.5, 80.3%, 70.2%

HSV

211.5, 50.8%, 94.1%

CMYK

50.8%, 26.7%, 0.0%, 5.9%

OKLCH

0.7429 0.1112 251.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#76B0F0

#F0B676

Analogous

#76EDF0

#7976F0

#76B0F0

Triadic

#76B0F0

#F076B0

#B0F076

Split Complementary

#76B0F0

#F07976

#EDF076

Tetradic

#76B0F0

#F076ED

#F0B676

#76F079

Color Blindness Simulation

Original

#76B0F0

Protanopia

#8F90E1

Deuteranopia

#8C87DD

Tritanopia

#79D4D2

Achromatopsia

#A8A8A8

CSS Usage

background-color: #76B0F0;
color: #76B0F0;
border-color: #76B0F0;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDAF8
300
#91BFF3
400
#559DEC
500
#197AE6
600
#1462B8
700
#104E93
800
#0D3D73
900
#0D2F53
950
#081D35

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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