#76CEFB

#76CEFB

Color Values

HEX

#76CEFB

RGB

118, 206, 251

HSL

200.3, 94.3%, 72.4%

HSV

200.3, 53.0%, 98.4%

CMYK

53.0%, 17.9%, 0.0%, 1.6%

OKLCH

0.8131 0.106 232.4

Properties

Cool Light Nearest: lightskyblue

Color Harmonies

Complementary

#76CEFB

#FBA376

Analogous

#76FBE6

#768CFB

#76CEFB

Triadic

#76CEFB

#FB76CE

#CEFB76

Split Complementary

#76CEFB

#FB768C

#FBE676

Tetradic

#76CEFB

#E676FB

#FBA376

#8CFB76

Color Blindness Simulation

Original

#76CEFB

Protanopia

#9C9DF0

Deuteranopia

#9790EE

Tritanopia

#7AE8E6

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF2FB
200
#BAE6FD
300
#88D4FC
400
#48BDFA
500
#07A6F8
600
#0685C6
700
#056A9F
800
#04537C
900
#073E5A
950
#052739

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

11.99:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026