#76AAFC

#76AAFC

Color Values

HEX

#76AAFC

RGB

118, 170, 252

HSL

216.7, 95.7%, 72.5%

HSV

216.7, 53.2%, 98.8%

CMYK

53.2%, 32.5%, 0.0%, 1.2%

OKLCH

0.736 0.1319 259.2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#76AAFC

#FCC876

Analogous

#76EDFC

#8576FC

#76AAFC

Triadic

#76AAFC

#FC76AA

#AAFC76

Split Complementary

#76AAFC

#FC8576

#EDFC76

Tetradic

#76AAFC

#FC76ED

#FCC876

#76FC85

Color Blindness Simulation

Original

#76AAFC

Protanopia

#8D8DE8

Deuteranopia

#8A86E3

Tritanopia

#79D8D5

Achromatopsia

#A5A5A5

CSS Usage

background-color: #76AAFC;
color: #76AAFC;
border-color: #76AAFC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D4FD
300
#87B5FC
400
#468CFB
500
#0564FA
600
#0450C8
700
#0440A0
800
#03327D
900
#07275A
950
#041939

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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