#4DBFF5

#4DBFF5

Color Values

HEX

#4DBFF5

RGB

77, 191, 245

HSL

199.3, 89.4%, 63.1%

HSV

199.3, 68.6%, 96.1%

CMYK

68.6%, 22.0%, 0.0%, 3.9%

OKLCH

0.762 0.1276 232.6

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#4DBFF5

#F5834D

Analogous

#4DF5D7

#4D6BF5

#4DBFF5

Triadic

#4DBFF5

#F54DBF

#BFF54D

Split Complementary

#4DBFF5

#F54D6B

#F5D74D

Tetradic

#4DBFF5

#D74DF5

#F5834D

#6BF54D

Color Blindness Simulation

Original

#4DBFF5

Protanopia

#7E7FE8

Deuteranopia

#786FE5

Tritanopia

#53DEDB

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F2FB
200
#BBE7FB
300
#8BD5F9
400
#4CBFF5
500
#0EA8F1
600
#0B87C1
700
#096C9B
800
#075479
900
#093E57
950
#062737

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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