#4CD9F5

#4CD9F5

Color Values

HEX

#4CD9F5

RGB

76, 217, 245

HSL

189.9, 89.4%, 62.9%

HSV

189.9, 69.0%, 96.1%

CMYK

69.0%, 11.4%, 0.0%, 3.9%

OKLCH

0.8214 0.1239 213.7

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4CD9F5

#F5684C

Analogous

#4CF5BC

#4C84F5

#4CD9F5

Triadic

#4CD9F5

#F54CD9

#D9F54C

Split Complementary

#4CD9F5

#F54C84

#F5BC4C

Tetradic

#4CD9F5

#BC4CF5

#F5684C

#84F54C

Color Blindness Simulation

Original

#4CD9F5

Protanopia

#898AEE

Deuteranopia

#8176ED

Tritanopia

#53E9E8

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F2FBFD
100
#E0F6FB
200
#BBF1FB
300
#8BE6F9
400
#4CD9F5
500
#0ECCF1
600
#0BA3C1
700
#09829B
800
#076679
900
#094B57
950
#062F37

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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