#4D80F5

#4D80F5

Color Values

HEX

#4D80F5

RGB

77, 128, 245

HSL

221.8, 89.4%, 63.1%

HSV

221.8, 68.6%, 96.1%

CMYK

68.6%, 47.8%, 0.0%, 3.9%

OKLCH

0.6252 0.1838 264.1

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#4D80F5

#F5C24D

Analogous

#4DD4F5

#6E4DF5

#4D80F5

Triadic

#4D80F5

#F54D80

#80F54D

Split Complementary

#4D80F5

#F56E4D

#D4F54D

Tetradic

#4D80F5

#F54DD4

#F5C24D

#4DF56E

Color Blindness Simulation

Original

#4D80F5

Protanopia

#6364D9

Deuteranopia

#605CD2

Tritanopia

#50C2BD

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E8FB
200
#BBCFFB
300
#8BACF9
400
#4C7FF5
500
#0E53F1
600
#0B42C1
700
#09359B
800
#072979
900
#092157
950
#061537

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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