#76C5FB

#76C5FB

Color Values

HEX

#76C5FB

RGB

118, 197, 251

HSL

204.4, 94.3%, 72.4%

HSV

204.4, 53.0%, 98.4%

CMYK

53.0%, 21.5%, 0.0%, 1.6%

OKLCH

0.7933 0.1097 240.0

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#76C5FB

#FBAC76

Analogous

#76FBEF

#7683FB

#76C5FB

Triadic

#76C5FB

#FB76C5

#C5FB76

Split Complementary

#76C5FB

#FB7683

#FBEF76

Tetradic

#76C5FB

#EF76FB

#FBAC76

#83FB76

Color Blindness Simulation

Original

#76C5FB

Protanopia

#9899EE

Deuteranopia

#948EEB

Tritanopia

#7AE4E1

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFF0FB
200
#BAE2FD
300
#88CDFC
400
#48B1FA
500
#0796F8
600
#0678C6
700
#05609F
800
#044B7C
900
#07385A
950
#052339

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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