#4E76F4

#4E76F4

Color Values

HEX

#4E76F4

RGB

78, 118, 244

HSL

225.5, 88.3%, 63.1%

HSV

225.5, 68.0%, 95.7%

CMYK

68.0%, 51.6%, 0.0%, 4.3%

OKLCH

0.6051 0.194 267.1

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4E76F4

#F4CC4E

Analogous

#4EC9F4

#794EF4

#4E76F4

Triadic

#4E76F4

#F44E76

#76F44E

Split Complementary

#4E76F4

#F4794E

#C9F44E

Tetradic

#4E76F4

#F44EC9

#F4CC4E

#4EF479

Color Blindness Simulation

Original

#4E76F4

Protanopia

#5F60D6

Deuteranopia

#5D5ACE

Tritanopia

#50BDB8

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F2F4FD
100
#E0E6FB
200
#BCCBFB
300
#8CA6F8
400
#4D76F4
500
#0F45F0
600
#0C37C0
700
#0A2C9A
800
#072378
900
#0A1D57
950
#061237

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026