#4DFEFD

#4DFEFD

Color Values

HEX

#4DFEFD

RGB

77, 254, 253

HSL

179,7, 98,9%, 64,9%

HSV

179,7, 69,7%, 99,6%

CMYK

69,7%, 0,0%, 0,4%, 0,4%

OKLCH

0,9103 0,1392 194,4

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#4DFEFD

#FE4D4E

Analogous

#4DFEA5

#4DA6FE

#4DFEFD

Triadic

#4DFEFD

#FD4DFE

#FEFD4D

Split Complementary

#4DFEFD

#FE4DA6

#FEA54D

Tetradic

#4DFEFD

#A54DFE

#FE4D4E

#A6FE4D

Color Blindness Simulation

Original

#4DFEFD

Protanopia

#9A9BFD

Deuteranopia

#8F82FD

Tritanopia

#56FDFD

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FFFE
300
#85FEFE
400
#43FEFD
500
#01FEFC
600
#01CBCA
700
#01A2A1
800
#017F7E
900
#055C5B
950
#033A3A

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,91:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026