#4F7CF2

#4F7CF2

Color Values

HEX

#4F7CF2

RGB

79, 124, 242

HSL

223.4, 86.2%, 62.9%

HSV

223.4, 67.4%, 94.9%

CMYK

67.4%, 48.8%, 0.0%, 5.1%

OKLCH

0.616 0.1839 265.6

Properties

Cool Light Nearest: royalblue

Color Harmonies

Complementary

#4F7CF2

#F2C54F

Analogous

#4FCEF2

#734FF2

#4F7CF2

Triadic

#4F7CF2

#F24F7C

#7CF24F

Split Complementary

#4F7CF2

#F2734F

#CEF24F

Tetradic

#4F7CF2

#F24FCE

#F2C54F

#4FF273

Color Blindness Simulation

Original

#4F7CF2

Protanopia

#6263D5

Deuteranopia

#605CCF

Tritanopia

#51BFBA

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E7FA
200
#BDCEFA
300
#8DAAF7
400
#4F7CF2
500
#124EED
600
#0E3FBE
700
#0B3298
800
#092777
900
#0B2056
950
#071436

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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