#4BFDFE

#4BFDFE

Color Values

HEX

#4BFDFE

RGB

75, 253, 254

HSL

180.3, 98.9%, 64.5%

HSV

180.3, 70.5%, 99.6%

CMYK

70.5%, 0.4%, 0.0%, 0.4%

OKLCH

0.9079 0.1393 195.5

Properties

Cool Light Nearest: cyan

Color Harmonies

Complementary

#4BFDFE

#FE4C4B

Analogous

#4BFEA5

#4BA4FE

#4BFDFE

Triadic

#4BFDFE

#FE4BFD

#FDFE4B

Split Complementary

#4BFDFE

#FE4BA4

#FEA54B

Tetradic

#4BFDFE

#A54BFE

#FE4C4B

#A4FE4B

Color Blindness Simulation

Original

#4BFDFE

Protanopia

#989AFE

Deuteranopia

#8E80FE

Tritanopia

#54FEFE

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B8FEFF
300
#85FEFE
400
#43FDFE
500
#01FCFE
600
#01CACB
700
#01A1A2
800
#017E7F
900
#055B5C
950
#033A3A

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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