#4D8CF5

#4D8CF5

Color Values

HEX

#4D8CF5

RGB

77, 140, 245

HSL

217.5, 89.4%, 63.1%

HSV

217.5, 68.6%, 96.1%

CMYK

68.6%, 42.9%, 0.0%, 3.9%

OKLCH

0.6499 0.17 260.0

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#4D8CF5

#F5B64D

Analogous

#4DE0F5

#624DF5

#4D8CF5

Triadic

#4D8CF5

#F54D8C

#8CF54D

Split Complementary

#4D8CF5

#F5624D

#E0F54D

Tetradic

#4D8CF5

#F54DE0

#F5B64D

#4DF562

Color Blindness Simulation

Original

#4D8CF5

Protanopia

#6869DC

Deuteranopia

#6560D6

Tritanopia

#50C8C3

Achromatopsia

#868686

CSS Usage

background-color: #4D8CF5;
color: #4D8CF5;
border-color: #4D8CF5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BBD3FB
300
#8BB4F9
400
#4C8CF5
500
#0E63F1
600
#0B4FC1
700
#093F9B
800
#073279
900
#092757
950
#061837

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

6.39:1

AA Pass AAA Fail

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