#4CD2F6

#4CD2F6

Color Values

HEX

#4CD2F6

RGB

76, 210, 246

HSL

192.7, 90.4%, 63.1%

HSV

192.7, 69.1%, 96.5%

CMYK

69.1%, 14.6%, 0.0%, 3.5%

OKLCH

0.8056 0.1242 219.4

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4CD2F6

#F6704C

Analogous

#4CF6C5

#4C7DF6

#4CD2F6

Triadic

#4CD2F6

#F64CD2

#D2F64C

Split Complementary

#4CD2F6

#F64C7D

#F6C54C

Tetradic

#4CD2F6

#C54CF6

#F6704C

#7DF64C

Color Blindness Simulation

Original

#4CD2F6

Protanopia

#8687ED

Deuteranopia

#7E74EB

Tritanopia

#53E6E5

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF5FB
200
#BBEEFC
300
#8AE2F9
400
#4BD2F6
500
#0CC2F3
600
#0A9BC2
700
#087C9B
800
#066179
900
#094758
950
#062D37

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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