#77C0F0

#77C0F0

Color Values

HEX

#77C0F0

RGB

119, 192, 240

HSL

203.8, 80.1%, 70.4%

HSV

203.8, 50.4%, 94.1%

CMYK

50.4%, 20.0%, 0.0%, 5.9%

OKLCH

0.7782 0.1004 238.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#77C0F0

#F0A777

Analogous

#77F0E3

#7784F0

#77C0F0

Triadic

#77C0F0

#F077C0

#C0F077

Split Complementary

#77C0F0

#F07784

#F0E377

Tetradic

#77C0F0

#E377F0

#F0A777

#84F077

Color Blindness Simulation

Original

#77C0F0

Protanopia

#9797E4

Deuteranopia

#928DE2

Tritanopia

#7BDBD9

Achromatopsia

#B4B4B4

CSS Usage

background-color: #77C0F0;
color: #77C0F0;
border-color: #77C0F0;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2F8FD
100
#E1F0F9
200
#BFE1F8
300
#91CCF3
400
#55B0EC
500
#1995E6
600
#1477B8
700
#105F93
800
#0D4A73
900
#0E3853
950
#092335

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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