#0366FC

#0366FC

Color Values

HEX

#0366FC

RGB

3, 102, 252

HSL

216,1, 97,6%, 50,0%

HSV

216,1, 98,8%, 98,8%

CMYK

98,8%, 59,5%, 0,0%, 1,2%

OKLCH

0,5611 0,2369 260,8

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0366FC

#FC9903

Analogous

#03E3FC

#1C03FC

#0366FC

Triadic

#0366FC

#FC0366

#66FC03

Split Complementary

#0366FC

#FC1C03

#E3FC03

Tetradic

#0366FC

#FC03E3

#FC9903

#03FC1C

Color Blindness Simulation

Original

#0366FC

Protanopia

#2E2FD8

Deuteranopia

#2821CF

Tritanopia

#08BBB5

Achromatopsia

#5C5C5C

CSS Usage

background-color: #0366FC;
color: #0366FC;
border-color: #0366FC;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D4FE
300
#86B6FE
400
#458EFD
500
#0366FC
600
#0252CA
700
#0241A1
800
#02337E
900
#06285B
950
#041939

Contrast Checker

Text on white

4,87:1

AA Pass AAA Fail

Text on black

4,31:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Fev 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Fev 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Fev 20, 2026