#4CD2E6

#4CD2E6

Color Values

HEX

#4CD2E6

RGB

76, 210, 230

HSL

187.8, 75.5%, 60.0%

HSV

187.8, 67.0%, 90.2%

CMYK

67.0%, 8.7%, 0.0%, 9.8%

OKLCH

0.7994 0.117 209.1

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4CD2E6

#E6604C

Analogous

#4CE6AD

#4C85E6

#4CD2E6

Triadic

#4CD2E6

#E64CD2

#D2E64C

Split Complementary

#4CD2E6

#E64C85

#E6AD4C

Tetradic

#4CD2E6

#AD4CE6

#E6604C

#85E64C

Color Blindness Simulation

Original

#4CD2E6

Protanopia

#8687E1

Deuteranopia

#7E74E0

Tritanopia

#53DDDC

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F6F9
200
#C0EFF6
300
#94E4F0
400
#59D5E8
500
#1FC7E0
600
#199FB3
700
#147F8F
800
#106370
900
#104951
950
#0A2E33

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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