#4BDAF6

#4BDAF6

Color Values

HEX

#4BDAF6

RGB

75, 218, 246

HSL

189.8, 90.5%, 62.9%

HSV

189.8, 69.5%, 96.5%

CMYK

69.5%, 11.4%, 0.0%, 3.5%

OKLCH

0.8239 0.1249 213.5

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4BDAF6

#F6674B

Analogous

#4BF6BC

#4B84F6

#4BDAF6

Triadic

#4BDAF6

#F64BDA

#DAF64B

Split Complementary

#4BDAF6

#F64B84

#F6BC4B

Tetradic

#4BDAF6

#BC4BF6

#F6674B

#84F64B

Color Blindness Simulation

Original

#4BDAF6

Protanopia

#898AEF

Deuteranopia

#8176EE

Tritanopia

#52EAE9

Achromatopsia

#BEBEBE

CSS Usage

background-color: #4BDAF6;
color: #4BDAF6;
border-color: #4BDAF6;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF1FC
300
#8AE7F9
400
#4BDAF6
500
#0CCDF3
600
#0AA4C2
700
#08839B
800
#066779
900
#094B58
950
#062F38

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.66:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026