#77A7DB

#77A7DB

Color Values

HEX

#77A7DB

RGB

119, 167, 219

HSL

211.2, 58.1%, 66.3%

HSV

211.2, 45.7%, 85.9%

CMYK

45.7%, 23.7%, 0.0%, 14.1%

OKLCH

0.7145 0.0922 251.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#77A7DB

#DBAB77

Analogous

#77D9DB

#7977DB

#77A7DB

Triadic

#77A7DB

#DB77A7

#A7DB77

Split Complementary

#77A7DB

#DB7977

#D9DB77

Tetradic

#77A7DB

#DB77D9

#DBAB77

#77DB79

Color Blindness Simulation

Original

#77A7DB

Protanopia

#8C8CCE

Deuteranopia

#8985CB

Tritanopia

#79C4C2

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C7DAF0
300
#9EC0E5
400
#6A9ED7
500
#357DCA
600
#2B64A1
700
#225081
800
#1B3E65
900
#172F4A
950
#0F1E2F

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

8.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026