#4CE8F5

#4CE8F5

Color Values

HEX

#4CE8F5

RGB

76, 232, 245

HSL

184.6, 89.4%, 62.9%

HSV

184.6, 69.0%, 96.1%

CMYK

69.0%, 5.3%, 0.0%, 3.9%

OKLCH

0.8562 0.1279 203.2

Properties

Cool Light Nearest: turquoise 2

Color Harmonies

Complementary

#4CE8F5

#F5594C

Analogous

#4CF5AD

#4C93F5

#4CE8F5

Triadic

#4CE8F5

#F54CE8

#E8F54C

Split Complementary

#4CE8F5

#F54C93

#F5AD4C

Tetradic

#4CE8F5

#AD4CF5

#F5594C

#93F54C

Color Blindness Simulation

Original

#4CE8F5

Protanopia

#9091F2

Deuteranopia

#867BF1

Tritanopia

#54EFEF

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F9FB
200
#BBF6FB
300
#8BF0F9
400
#4CE8F5
500
#0EE0F1
600
#0BB3C1
700
#098F9B
800
#077079
900
#095157
950
#063337

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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