#4DBFF4

#4DBFF4

Color Values

HEX

#4DBFF4

RGB

77, 191, 244

HSL

199.0, 88.4%, 62.9%

HSV

199.0, 68.4%, 95.7%

CMYK

68.4%, 21.7%, 0.0%, 4.3%

OKLCH

0.7615 0.1267 232.1

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#4DBFF4

#F4824D

Analogous

#4DF4D5

#4D6BF4

#4DBFF4

Triadic

#4DBFF4

#F44DBF

#BFF44D

Split Complementary

#4DBFF4

#F44D6B

#F4D54D

Tetradic

#4DBFF4

#D54DF4

#F4824D

#6BF44D

Color Blindness Simulation

Original

#4DBFF4

Protanopia

#7E7FE7

Deuteranopia

#786FE4

Tritanopia

#53DDDB

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F2FB
200
#BCE7FB
300
#8CD6F8
400
#4DBFF4
500
#0FA9F0
600
#0C87C0
700
#096C9A
800
#075478
900
#0A3F57
950
#062837

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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