#4CE2F6

#4CE2F6

Color Values

HEX

#4CE2F6

RGB

76, 226, 246

HSL

187.1, 90.4%, 63.1%

HSV

187.1, 69.1%, 96.5%

CMYK

69.1%, 8.1%, 0.0%, 3.5%

OKLCH

0.8426 0.1261 207.9

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#4CE2F6

#F6604C

Analogous

#4CF6B5

#4C8DF6

#4CE2F6

Triadic

#4CE2F6

#F64CE2

#E2F64C

Split Complementary

#4CE2F6

#F64C8D

#F6B54C

Tetradic

#4CE2F6

#B54CF6

#F6604C

#8DF64C

Color Blindness Simulation

Original

#4CE2F6

Protanopia

#8D8EF1

Deuteranopia

#8479F0

Tritanopia

#54EDEC

Achromatopsia

#C4C4C4

CSS Usage

background-color: #4CE2F6;
color: #4CE2F6;
border-color: #4CE2F6;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF4FC
300
#8AECF9
400
#4BE2F6
500
#0CD7F3
600
#0AACC2
700
#088A9B
800
#066C79
900
#094F58
950
#063237

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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