#0486FB

#0486FB

Color Values

HEX

#0486FB

RGB

4, 134, 251

HSL

208.4, 96.9%, 50.0%

HSV

208.4, 98.4%, 98.4%

CMYK

98.4%, 46.6%, 0.0%, 1.6%

OKLCH

0.6253 0.1988 254.2

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#0486FB

#FB7904

Analogous

#04FBF4

#040BFB

#0486FB

Triadic

#0486FB

#FB0486

#86FB04

Split Complementary

#0486FB

#FB040B

#FBF404

Tetradic

#0486FB

#F404FB

#FB7904

#0BFB04

Color Blindness Simulation

Original

#0486FB

Protanopia

#3C3DDF

Deuteranopia

#352BD8

Tritanopia

#0AC8C3

Achromatopsia

#737373

CSS Usage

background-color: #0486FB;
color: #0486FB;
border-color: #0486FB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B9DDFE
300
#86C5FD
400
#45A6FC
500
#0486FB
600
#036BC9
700
#0356A1
800
#02437E
900
#06335B
950
#042039

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

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