#4BFEFD

#4BFEFD

Color Values

HEX

#4BFEFD

RGB

75, 254, 253

HSL

179.7, 98.9%, 64.5%

HSV

179.7, 70.5%, 99.6%

CMYK

70.5%, 0.0%, 0.4%, 0.4%

OKLCH

0.9099 0.14 194.4

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#4BFEFD

#FE4B4C

Analogous

#4BFEA4

#4BA5FE

#4BFEFD

Triadic

#4BFEFD

#FD4BFE

#FEFD4B

Split Complementary

#4BFEFD

#FE4BA5

#FEA44B

Tetradic

#4BFEFD

#A44BFE

#FE4B4C

#A5FE4B

Color Blindness Simulation

Original

#4BFEFD

Protanopia

#999AFD

Deuteranopia

#8E81FD

Tritanopia

#54FDFD

Achromatopsia

#D8D8D8

CSS Usage

background-color: #4BFEFD;
color: #4BFEFD;
border-color: #4BFEFD;
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.89: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