#76C5FF

#76C5FF

Color Values

HEX

#76C5FF

RGB

118, 197, 255

HSL

205.4, 100.0%, 73.1%

HSV

205.4, 53.7%, 100.0%

CMYK

53.7%, 22.7%, 0.0%, 0.0%

OKLCH

0.7951 0.1138 241.9

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#76C5FF

#FFB076

Analogous

#76FFF4

#7680FF

#76C5FF

Triadic

#76C5FF

#FF76C5

#C5FF76

Split Complementary

#76C5FF

#FF7680

#FFF476

Tetradic

#76C5FF

#F476FF

#FFB076

#80FF76

Color Blindness Simulation

Original

#76C5FF

Protanopia

#9899F1

Deuteranopia

#948EEE

Tritanopia

#7AE6E3

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8E1FF
300
#85CBFF
400
#42AFFF
500
#0093FF
600
#0076CC
700
#005EA3
800
#004A80
900
#05375C
950
#03233A

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026