#4CF5D8

#4CF5D8

Color Values

HEX

#4CF5D8

RGB

76, 245, 216

HSL

169.7, 89.4%, 62.9%

HSV

169.7, 69.0%, 96.1%

CMYK

69.0%, 0.0%, 11.8%, 3.9%

OKLCH

0.8775 0.1425 178.8

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#4CF5D8

#F54C69

Analogous

#4CF583

#4CBDF5

#4CF5D8

Triadic

#4CF5D8

#D84CF5

#F5D84C

Split Complementary

#4CF5D8

#F54CBD

#F5834C

Tetradic

#4CF5D8

#834CF5

#F54C69

#BDF54C

Color Blindness Simulation

Original

#4CF5D8

Protanopia

#9597DF

Deuteranopia

#8B7FE1

Tritanopia

#54E5E6

Achromatopsia

#CFCFCF

CSS Usage

background-color: #4CF5D8;
color: #4CF5D8;
border-color: #4CF5D8;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFB
100
#E0FBF6
200
#BBFBF0
300
#8BF9E6
400
#4CF5D8
500
#0EF1CA
600
#0BC1A2
700
#099B82
800
#077965
900
#09574A
950
#06372F

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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