#77B7FC

#77B7FC

Color Values

HEX

#77B7FC

RGB

119, 183, 252

HSL

211.1, 95.7%, 72.7%

HSV

211.1, 52.8%, 98.8%

CMYK

52.8%, 27.4%, 0.0%, 1.2%

OKLCH

0.764 0.1196 251.3

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#77B7FC

#FCBC77

Analogous

#77FAFC

#7977FC

#77B7FC

Triadic

#77B7FC

#FC77B7

#B7FC77

Split Complementary

#77B7FC

#FC7977

#FAFC77

Tetradic

#77B7FC

#FC77FA

#FCBC77

#77FC79

Color Blindness Simulation

Original

#77B7FC

Protanopia

#9393EB

Deuteranopia

#8F8AE7

Tritanopia

#7ADEDB

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFEDFC
200
#B9DAFD
300
#87C0FC
400
#469DFB
500
#057BFA
600
#0462C8
700
#044FA0
800
#033E7D
900
#072F5A
950
#041E39

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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