#77F0FC

#77F0FC

Color Values

HEX

#77F0FC

RGB

119, 240, 252

HSL

185.4, 95.7%, 72.7%

HSV

185.4, 52.8%, 98.8%

CMYK

52.8%, 4.8%, 0.0%, 1.2%

OKLCH

0.8897 0.1098 204.0

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#77F0FC

#FC8377

Analogous

#77FCC5

#77ADFC

#77F0FC

Triadic

#77F0FC

#FC77F0

#F0FC77

Split Complementary

#77F0FC

#FC77AD

#FCC577

Tetradic

#77F0FC

#C577FC

#FC8377

#ADFC77

Color Blindness Simulation

Original

#77F0FC

Protanopia

#ABACF9

Deuteranopia

#A49BF8

Tritanopia

#7DF7F6

Achromatopsia

#D7D7D7

CSS Usage

background-color: #77F0FC;
color: #77F0FC;
border-color: #77F0FC;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FCFE
100
#DFF9FC
200
#B9F7FD
300
#87F2FC
400
#46EBFB
500
#05E4FA
600
#04B6C8
700
#0492A0
800
#03727D
900
#07535A
950
#043439

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

15.65:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026