#77A3DC

#77A3DC

Color Values

HEX

#77A3DC

RGB

119, 163, 220

HSL

213.9, 59.1%, 66.5%

HSV

213.9, 45.9%, 86.3%

CMYK

45.9%, 25.9%, 0.0%, 13.7%

OKLCH

0.7062 0.0968 255.2

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#77A3DC

#DCB077

Analogous

#77D5DC

#7E77DC

#77A3DC

Triadic

#77A3DC

#DC77A3

#A3DC77

Split Complementary

#77A3DC

#DC7E77

#D5DC77

Tetradic

#77A3DC

#DC77D5

#DCB077

#77DC7E

Color Blindness Simulation

Original

#77A3DC

Protanopia

#8A8ACE

Deuteranopia

#8884CB

Tritanopia

#79C3C1

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4ECF6
200
#C6D9F0
300
#9EBDE6
400
#6999D8
500
#3476CB
600
#2A5EA2
700
#214B82
800
#1A3B65
900
#172D4A
950
#0E1C2F

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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