#76C9FB

#76C9FB

Color Values

HEX

#76C9FB

RGB

118, 201, 251

HSL

202.6, 94.3%, 72.4%

HSV

202.6, 53.0%, 98.4%

CMYK

53.0%, 19.9%, 0.0%, 1.6%

OKLCH

0.8021 0.1078 236.7

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#76C9FB

#FBA876

Analogous

#76FBEB

#7687FB

#76C9FB

Triadic

#76C9FB

#FB76C9

#C9FB76

Split Complementary

#76C9FB

#FB7687

#FBEB76

Tetradic

#76C9FB

#EB76FB

#FBA876

#87FB76

Color Blindness Simulation

Original

#76C9FB

Protanopia

#9A9BEF

Deuteranopia

#958FEC

Tritanopia

#7AE5E3

Achromatopsia

#BBBBBB

CSS Usage

background-color: #76C9FB;
color: #76C9FB;
border-color: #76C9FB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE4FD
300
#88D0FC
400
#48B7FA
500
#079DF8
600
#067EC6
700
#05659F
800
#044F7C
900
#073B5A
950
#052539

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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