#4FCCF2

#4FCCF2

Color Values

HEX

#4FCCF2

RGB

79, 204, 242

HSL

194,0, 86,2%, 62,9%

HSV

194,0, 67,4%, 94,9%

CMYK

67,4%, 15,7%, 0,0%, 5,1%

OKLCH

0,791 0,1209 221,7

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#4FCCF2

#F2754F

Analogous

#4FF2C6

#4F7AF2

#4FCCF2

Triadic

#4FCCF2

#F24FCC

#CCF24F

Split Complementary

#4FCCF2

#F24F7A

#F2C64F

Tetradic

#4FCCF2

#C64FF2

#F2754F

#7AF24F

Color Blindness Simulation

Original

#4FCCF2

Protanopia

#8586E9

Deuteranopia

#7E74E7

Tritanopia

#55E2E0

Achromatopsia

#B4B4B4

CSS Usage

background-color: #4FCCF2;
color: #4FCCF2;
border-color: #4FCCF2;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F2FAFD
100
#E0F4FA
200
#BDECFA
300
#8DDEF7
400
#4FCCF2
500
#12BAED
600
#0E95BE
700
#0B7798
800
#095D77
900
#0B4456
950
#072B36

Contrast Checker

Text on white

1,87:1

AA Fail AAA Fail

Text on black

11,25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026