#4DB8F5

#4DB8F5

Color Values

HEX

#4DB8F5

RGB

77, 184, 245

HSL

201.8, 89.4%, 63.1%

HSV

201.8, 68.6%, 96.1%

CMYK

68.6%, 24.9%, 0.0%, 3.9%

OKLCH

0.7461 0.1311 237.3

Properties

Cool Light Nearest: deepskyblue 2

Color Harmonies

Complementary

#4DB8F5

#F58A4D

Analogous

#4DF5DE

#4D64F5

#4DB8F5

Triadic

#4DB8F5

#F54DB8

#B8F54D

Split Complementary

#4DB8F5

#F54D64

#F5DE4D

Tetradic

#4DB8F5

#DE4DF5

#F58A4D

#64F54D

Color Blindness Simulation

Original

#4DB8F5

Protanopia

#7B7CE6

Deuteranopia

#756DE3

Tritanopia

#52DBD8

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E0F1FB
200
#BBE4FB
300
#8BD1F9
400
#4CB8F5
500
#0E9FF1
600
#0B7FC1
700
#09669B
800
#074F79
900
#093B57
950
#062537

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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