#0363FC

#0363FC

Color Values

HEX

#0363FC

RGB

3, 99, 252

HSL

216.9, 97.6%, 50.0%

HSV

216.9, 98.8%, 98.8%

CMYK

98.8%, 60.7%, 0.0%, 1.2%

OKLCH

0.5555 0.2404 261.2

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#0363FC

#FC9C03

Analogous

#03DFFC

#2003FC

#0363FC

Triadic

#0363FC

#FC0363

#63FC03

Split Complementary

#0363FC

#FC2003

#DFFC03

Tetradic

#0363FC

#FC03DF

#FC9C03

#03FC20

Color Blindness Simulation

Original

#0363FC

Protanopia

#2D2DD7

Deuteranopia

#2720CE

Tritanopia

#08BAB3

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D3FE
300
#86B4FE
400
#458BFD
500
#0363FC
600
#024FCA
700
#023FA1
800
#02317E
900
#06275B
950
#041839

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

4.19:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026