#77BAFA

#77BAFA

Color Values

HEX

#77BAFA

RGB

119, 186, 250

HSL

209.3, 92.9%, 72.4%

HSV

209.3, 52.4%, 98.0%

CMYK

52.4%, 25.6%, 0.0%, 2.0%

OKLCH

0.7695 0.1149 248.5

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#77BAFA

#FAB777

Analogous

#77FAF8

#7779FA

#77BAFA

Triadic

#77BAFA

#FA77BA

#BAFA77

Split Complementary

#77BAFA

#FA7779

#FAF877

Tetradic

#77BAFA

#F877FA

#FAB777

#79FA77

Color Blindness Simulation

Original

#77BAFA

Protanopia

#9495EB

Deuteranopia

#908BE7

Tritanopia

#7ADEDC

Achromatopsia

#B0B0B0

CSS Usage

background-color: #77BAFA;
color: #77BAFA;
border-color: #77BAFA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADCFC
300
#89C3FB
400
#49A3F8
500
#0982F6
600
#0768C5
700
#06539D
800
#05417B
900
#083159
950
#051F38

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.19:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026