#77A7F0

#77A7F0

Color Values

HEX

#77A7F0

RGB

119, 167, 240

HSL

216.2, 80.1%, 70.4%

HSV

216.2, 50.4%, 94.1%

CMYK

50.4%, 30.4%, 0.0%, 5.9%

OKLCH

0.7242 0.1189 258.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#77A7F0

#F0C077

Analogous

#77E3F0

#8477F0

#77A7F0

Triadic

#77A7F0

#F077A7

#A7F077

Split Complementary

#77A7F0

#F08477

#E3F077

Tetradic

#77A7F0

#F077E3

#F0C077

#77F084

Color Blindness Simulation

Original

#77A7F0

Protanopia

#8C8CDE

Deuteranopia

#8985DA

Tritanopia

#79D0CD

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BFD5F8
300
#91B8F3
400
#5591EC
500
#196AE6
600
#1455B8
700
#104493
800
#0D3573
900
#0E2953
950
#091A35

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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