#046AFB

#046AFB

Color Values

HEX

#046AFB

RGB

4, 106, 251

HSL

215.2, 96.9%, 50.0%

HSV

215.2, 98.4%, 98.4%

CMYK

98.4%, 57.8%, 0.0%, 1.6%

OKLCH

0.568 0.2311 260.2

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#046AFB

#FB9504

Analogous

#04E6FB

#1904FB

#046AFB

Triadic

#046AFB

#FB046A

#6AFB04

Split Complementary

#046AFB

#FB1904

#E6FB04

Tetradic

#046AFB

#FB04E6

#FB9504

#04FB19

Color Blindness Simulation

Original

#046AFB

Protanopia

#3031D8

Deuteranopia

#2A23D0

Tritanopia

#09BCB6

Achromatopsia

#5F5F5F

CSS Usage

background-color: #046AFB;
color: #046AFB;
border-color: #046AFB;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FE
100
#DEEBFC
200
#B9D5FE
300
#86B8FD
400
#4591FC
500
#046AFB
600
#0355C9
700
#0344A1
800
#02357E
900
#06295B
950
#041A39

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail 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