#4FCAFC

#4FCAFC

Color Values

HEX

#4FCAFC

RGB

79, 202, 252

HSL

197.3, 96.6%, 64.9%

HSV

197.3, 68.7%, 98.8%

CMYK

68.7%, 19.8%, 0.0%, 1.2%

OKLCH

0.7907 0.1285 228.8

Properties

Cool Light Nearest: deepskyblue

Color Harmonies

Complementary

#4FCAFC

#FC814F

Analogous

#4FFCD7

#4F74FC

#4FCAFC

Triadic

#4FCAFC

#FC4FCA

#CAFC4F

Split Complementary

#4FCAFC

#FC4F74

#FCD74F

Tetradic

#4FCAFC

#D74FFC

#FC814F

#74FC4F

Color Blindness Simulation

Original

#4FCAFC

Protanopia

#8485F0

Deuteranopia

#7D74ED

Tritanopia

#55E6E4

Achromatopsia

#B3B3B3

CSS Usage

background-color: #4FCAFC;
color: #4FCAFC;
border-color: #4FCAFC;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9EAFE
300
#87DBFD
400
#46C7FC
500
#04B4FB
600
#0390C9
700
#0373A0
800
#025A7D
900
#06425B
950
#042A39

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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