#4CD1F6

#4CD1F6

Color Values

HEX

#4CD1F6

RGB

76, 209, 246

HSL

193.1, 90.4%, 63.1%

HSV

193.1, 69.1%, 96.5%

CMYK

69.1%, 15.0%, 0.0%, 3.5%

OKLCH

0.8033 0.1243 220.1

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#4CD1F6

#F6714C

Analogous

#4CF6C6

#4C7CF6

#4CD1F6

Triadic

#4CD1F6

#F64CD1

#D1F64C

Split Complementary

#4CD1F6

#F64C7C

#F6C64C

Tetradic

#4CD1F6

#C64CF6

#F6714C

#7CF64C

Color Blindness Simulation

Original

#4CD1F6

Protanopia

#8687ED

Deuteranopia

#7E74EB

Tritanopia

#53E6E4

Achromatopsia

#B7B7B7

CSS Usage

background-color: #4CD1F6;
color: #4CD1F6;
border-color: #4CD1F6;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEDFC
300
#8AE1F9
400
#4BD1F6
500
#0CC0F3
600
#0A9AC2
700
#087B9B
800
#066079
900
#094758
950
#062D37

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.76:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026