#4F84F2

#4F84F2

Color Values

HEX

#4F84F2

RGB

79, 132, 242

HSL

220.5, 86.2%, 62.9%

HSV

220.5, 67.4%, 94.9%

CMYK

67.4%, 45.5%, 0.0%, 5.1%

OKLCH

0.6322 0.1745 263.0

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#4F84F2

#F2BD4F

Analogous

#4FD5F2

#6B4FF2

#4F84F2

Triadic

#4F84F2

#F24F84

#84F24F

Split Complementary

#4F84F2

#F26B4F

#D5F24F

Tetradic

#4F84F2

#F24FD5

#F2BD4F

#4FF26B

Color Blindness Simulation

Original

#4F84F2

Protanopia

#6666D7

Deuteranopia

#635FD1

Tritanopia

#52C2BE

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E0E9FA
200
#BDD1FA
300
#8DAFF7
400
#4F84F2
500
#1259ED
600
#0E47BE
700
#0B3998
800
#092D77
900
#0B2356
950
#071636

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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