#77B0F6

#77B0F6

Color Values

HEX

#77B0F6

RGB

119, 176, 246

HSL

213.1, 87.6%, 71.6%

HSV

213.1, 51.6%, 96.5%

CMYK

51.6%, 28.5%, 0.0%, 3.5%

OKLCH

0.7462 0.1182 254.2

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#77B0F6

#F6BD77

Analogous

#77EFF6

#7E77F6

#77B0F6

Triadic

#77B0F6

#F677B0

#B0F677

Split Complementary

#77B0F6

#F67E77

#EFF677

Tetradic

#77B0F6

#F677EF

#F6BD77

#77F67E

Color Blindness Simulation

Original

#77B0F6

Protanopia

#9090E5

Deuteranopia

#8C88E1

Tritanopia

#7AD8D5

Achromatopsia

#A9A9A9

CSS Usage

background-color: #77B0F6;
color: #77B0F6;
border-color: #77B0F6;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FD
100
#E0ECFA
200
#BCD8FB
300
#8CBCF7
400
#4E98F3
500
#1074EF
600
#0D5DBF
700
#0A4A99
800
#083A78
900
#0A2D57
950
#061C37

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.33:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026