#4A7AF8

#4A7AF8

Color Values

HEX

#4A7AF8

RGB

74, 122, 248

HSL

223.4, 92.6%, 63.1%

HSV

223.4, 70.2%, 97.3%

CMYK

70.2%, 50.8%, 0.0%, 2.7%

OKLCH

0.614 0.1956 265.3

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4A7AF8

#F8C84A

Analogous

#4AD1F8

#714AF8

#4A7AF8

Triadic

#4A7AF8

#F84A7A

#7AF84A

Split Complementary

#4A7AF8

#F8714A

#D1F84A

Tetradic

#4A7AF8

#F84AD1

#F8C84A

#4AF871

Color Blindness Simulation

Original

#4A7AF8

Protanopia

#5F5FDA

Deuteranopia

#5C58D2

Tritanopia

#4CC1BC

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACDFC
300
#89A8FA
400
#497AF8
500
#094BF6
600
#083CC4
700
#06309D
800
#05257B
900
#081E59
950
#051338

Contrast Checker

Text on white

3.87:1

AA Fail AAA Fail

Text on black

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