#76BAF7

#76BAF7

Color Values

HEX

#76BAF7

RGB

118, 186, 247

HSL

208.4, 89.0%, 71.6%

HSV

208.4, 52.2%, 96.9%

CMYK

52.2%, 24.7%, 0.0%, 3.1%

OKLCH

0.7677 0.112 246.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#76BAF7

#F7B376

Analogous

#76F7F4

#767AF7

#76BAF7

Triadic

#76BAF7

#F776BA

#BAF776

Split Complementary

#76BAF7

#F7767A

#F7F476

Tetradic

#76BAF7

#F476F7

#F7B376

#7AF776

Color Blindness Simulation

Original

#76BAF7

Protanopia

#9394E8

Deuteranopia

#908AE5

Tritanopia

#79DDDA

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFB
200
#BCDDFB
300
#8BC5F8
400
#4DA5F5
500
#0E86F1
600
#0B6BC1
700
#09559A
800
#074378
900
#0A3357
950
#062037

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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