#4BD9F6

#4BD9F6

Color Values

HEX

#4BD9F6

RGB

75, 217, 246

HSL

190.2, 90.5%, 62.9%

HSV

190.2, 69.5%, 96.5%

CMYK

69.5%, 11.8%, 0.0%, 3.5%

OKLCH

0.8215 0.1248 214.2

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#4BD9F6

#F6684B

Analogous

#4BF6BE

#4B83F6

#4BD9F6

Triadic

#4BD9F6

#F64BD9

#D9F64B

Split Complementary

#4BD9F6

#F64B83

#F6BE4B

Tetradic

#4BD9F6

#BE4BF6

#F6684B

#83F64B

Color Blindness Simulation

Original

#4BD9F6

Protanopia

#898AEF

Deuteranopia

#8076ED

Tritanopia

#52E9E8

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF1FC
300
#8AE6F9
400
#4BD9F6
500
#0CCCF3
600
#0AA3C2
700
#08829B
800
#066679
900
#094A58
950
#062F38

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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