#4F70F2

#4F70F2

Color Values

HEX

#4F70F2

RGB

79, 112, 242

HSL

227.9, 86.2%, 62.9%

HSV

227.9, 67.4%, 94.9%

CMYK

67.4%, 53.7%, 0.0%, 5.1%

OKLCH

0.5926 0.1983 268.8

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#4F70F2

#F2D14F

Analogous

#4FC1F2

#804FF2

#4F70F2

Triadic

#4F70F2

#F24F70

#70F24F

Split Complementary

#4F70F2

#F2804F

#C1F24F

Tetradic

#4F70F2

#F24FC1

#F2D14F

#4FF280

Color Blindness Simulation

Original

#4F70F2

Protanopia

#5D5ED3

Deuteranopia

#5B59CB

Tritanopia

#51BAB4

Achromatopsia

#727272

CSS Usage

background-color: #4F70F2;
color: #4F70F2;
border-color: #4F70F2;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E0E5FA
200
#BDC9FA
300
#8DA2F7
400
#4F70F2
500
#123EED
600
#0E32BE
700
#0B2898
800
#091F77
900
#0B1A56
950
#071036

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