#4986F8

#4986F8

Color Values

HEX

#4986F8

RGB

73, 134, 248

HSL

219.1, 92.6%, 62.9%

HSV

219.1, 70.6%, 97.3%

CMYK

70.6%, 46.0%, 0.0%, 2.7%

OKLCH

0.6377 0.182 261.6

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4986F8

#F8BB49

Analogous

#49DDF8

#6349F8

#4986F8

Triadic

#4986F8

#F84986

#86F849

Split Complementary

#4986F8

#F86349

#DDF849

Tetradic

#4986F8

#F849DD

#F8BB49

#49F863

Color Blindness Simulation

Original

#4986F8

Protanopia

#6364DC

Deuteranopia

#605BD6

Tritanopia

#4CC7C2

Achromatopsia

#818181

CSS Usage

background-color: #4986F8;
color: #4986F8;
border-color: #4986F8;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FD
100
#DFE9FB
200
#BAD1FC
300
#89B1FA
400
#4986F8
500
#095CF6
600
#0849C4
700
#063B9D
800
#052E7B
900
#082459
950
#051738

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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