#76B9EB

#76B9EB

Color Values

HEX

#76B9EB

RGB

118, 185, 235

HSL

205,6, 74,5%, 69,2%

HSV

205,6, 49,8%, 92,2%

CMYK

49,8%, 21,3%, 0,0%, 7,8%

OKLCH

0,7602 0,0993 242,0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#76B9EB

#EBA876

Analogous

#76EBE2

#767FEB

#76B9EB

Triadic

#76B9EB

#EB76B9

#B9EB76

Split Complementary

#76B9EB

#EB767F

#EBE276

Tetradic

#76B9EB

#E276EB

#EBA876

#7FEB76

Color Blindness Simulation

Original

#76B9EB

Protanopia

#9394DF

Deuteranopia

#8F8ADC

Tritanopia

#79D5D3

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1DFF6
300
#94C8EF
400
#5AABE7
500
#218DDE
600
#1A71B2
700
#155B8E
800
#10476F
900
#103551
950
#0A2233

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,91: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