#77BCFC

#77BCFC

Color Values

HEX

#77BCFC

RGB

119, 188, 252

HSL

208.9, 95.7%, 72.7%

HSV

208.9, 52.8%, 98.8%

CMYK

52.8%, 25.4%, 0.0%, 1.2%

OKLCH

0.7747 0.1158 247.8

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#77BCFC

#FCB777

Analogous

#77FCFA

#7779FC

#77BCFC

Triadic

#77BCFC

#FC77BC

#BCFC77

Split Complementary

#77BCFC

#FC7779

#FCFA77

Tetradic

#77BCFC

#FA77FC

#FCB777

#79FC77

Color Blindness Simulation

Original

#77BCFC

Protanopia

#9595ED

Deuteranopia

#918CE9

Tritanopia

#7AE0DE

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DDFD
300
#87C4FC
400
#46A4FB
500
#0584FA
600
#046AC8
700
#0454A0
800
#03427D
900
#07325A
950
#042039

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

10.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026