#4D8AF5

#4D8AF5

Color Values

HEX

#4D8AF5

RGB

77, 138, 245

HSL

218.2, 89.4%, 63.1%

HSV

218.2, 68.6%, 96.1%

CMYK

68.6%, 43.7%, 0.0%, 3.9%

OKLCH

0.6457 0.1723 260.8

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#4D8AF5

#F5B84D

Analogous

#4DDEF5

#644DF5

#4D8AF5

Triadic

#4D8AF5

#F54D8A

#8AF54D

Split Complementary

#4D8AF5

#F5644D

#DEF54D

Tetradic

#4D8AF5

#F54DDE

#F5B84D

#4DF564

Color Blindness Simulation

Original

#4D8AF5

Protanopia

#6768DB

Deuteranopia

#645FD5

Tritanopia

#50C7C2

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0E9FB
200
#BBD3FB
300
#8BB3F9
400
#4C8AF5
500
#0E60F1
600
#0B4DC1
700
#093E9B
800
#073079
900
#092657
950
#061837

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.27:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026