#4CBDF5

#4CBDF5

Color Values

HEX

#4CBDF5

RGB

76, 189, 245

HSL

199.9, 89.4%, 62.9%

HSV

199.9, 69.0%, 96.1%

CMYK

69.0%, 22.9%, 0.0%, 3.9%

OKLCH

0.7571 0.1289 233.8

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#4CBDF5

#F5844C

Analogous

#4CF5D8

#4C68F5

#4CBDF5

Triadic

#4CBDF5

#F54CBD

#BDF54C

Split Complementary

#4CBDF5

#F54C68

#F5D84C

Tetradic

#4CBDF5

#D84CF5

#F5844C

#68F54C

Color Blindness Simulation

Original

#4CBDF5

Protanopia

#7D7EE7

Deuteranopia

#766EE4

Tritanopia

#52DDDA

Achromatopsia

#A9A9A9

CSS Usage

background-color: #4CBDF5;
color: #4CBDF5;
border-color: #4CBDF5;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F2F9FD
100
#E0F2FB
200
#BBE6FB
300
#8BD4F9
400
#4CBDF5
500
#0EA6F1
600
#0B85C1
700
#096A9B
800
#075379
900
#093E57
950
#062737

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.9:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026