#0367FC

#0367FC

Color Values

HEX

#0367FC

RGB

3, 103, 252

HSL

215,9, 97,6%, 50,0%

HSV

215,9, 98,8%, 98,8%

CMYK

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

OKLCH

0,563 0,2358 260,6

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0367FC

#FC9803

Analogous

#03E3FC

#1C03FC

#0367FC

Triadic

#0367FC

#FC0367

#67FC03

Split Complementary

#0367FC

#FC1C03

#E3FC03

Tetradic

#0367FC

#FC03E3

#FC9803

#03FC1C

Color Blindness Simulation

Original

#0367FC

Protanopia

#2E2FD8

Deuteranopia

#2821CF

Tritanopia

#08BBB5

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D4FE
300
#86B6FE
400
#458FFD
500
#0367FC
600
#0252CA
700
#0242A1
800
#02347E
900
#06285B
950
#041939

Contrast Checker

Text on white

4,83:1

AA Pass AAA Fail

Text on black

4,35: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