#24FFFD

#24FFFD

Color Values

HEX

#24FFFD

RGB

36, 255, 253

HSL

179.5, 100.0%, 57.1%

HSV

179.5, 85.9%, 100.0%

CMYK

85.9%, 0.0%, 0.8%, 0.0%

OKLCH

0.9066 0.1511 193.8

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#24FFFD

#FF2426

Analogous

#24FF90

#2493FF

#24FFFD

Triadic

#24FFFD

#FD24FF

#FFFD24

Split Complementary

#24FFFD

#FF2493

#FF9024

Tetradic

#24FFFD

#9024FF

#FF2426

#93FF24

Color Blindness Simulation

Original

#24FFFD

Protanopia

#8385FD

Deuteranopia

#7666FE

Tritanopia

#2FFEFE

Achromatopsia

#D0D0D0

CSS Usage

background-color: #24FFFD;
color: #24FFFD;
border-color: #24FFFD;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FFFE
300
#85FFFE
400
#42FFFD
500
#00FFFD
600
#00CCCA
700
#00A3A2
800
#00807E
900
#055C5B
950
#033A3A

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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