#4772F0

#4772F0

Color Values

HEX

#4772F0

RGB

71, 114, 240

HSL

224.7, 84.9%, 61.0%

HSV

224.7, 70.4%, 94.1%

CMYK

70.4%, 52.5%, 0.0%, 5.9%

OKLCH

0.5912 0.1955 266.3

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4772F0

#F0C547

Analogous

#47C7F0

#7047F0

#4772F0

Triadic

#4772F0

#F04772

#72F047

Split Complementary

#4772F0

#F07047

#C7F047

Tetradic

#4772F0

#F047C7

#F0C547

#47F070

Color Blindness Simulation

Original

#4772F0

Protanopia

#5A5AD2

Deuteranopia

#5754CA

Tritanopia

#49B9B4

Achromatopsia

#727272

CSS Usage

background-color: #4772F0;
color: #4772F0;
border-color: #4772F0;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCCFA
300
#8EA8F6
400
#5179F1
500
#134AEC
600
#0F3CBD
700
#0C3097
800
#0A2576
900
#0B1E55
950
#071336

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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