#4E7AF4

#4E7AF4

Color Values

HEX

#4E7AF4

RGB

78, 122, 244

HSL

224.1, 88.3%, 63.1%

HSV

224.1, 68.0%, 95.7%

CMYK

68.0%, 50.0%, 0.0%, 4.3%

OKLCH

0.613 0.1892 266.0

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4E7AF4

#F4C84E

Analogous

#4ECDF4

#754EF4

#4E7AF4

Triadic

#4E7AF4

#F44E7A

#7AF44E

Split Complementary

#4E7AF4

#F4754E

#CDF44E

Tetradic

#4E7AF4

#F44ECD

#F4C84E

#4EF475

Color Blindness Simulation

Original

#4E7AF4

Protanopia

#6161D7

Deuteranopia

#5E5BCF

Tritanopia

#50BFBA

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FB
200
#BCCCFB
300
#8CA8F8
400
#4D79F4
500
#0F4BF0
600
#0C3CC0
700
#0A309A
800
#072578
900
#0A1E57
950
#061337

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026