#0396FC

#0396FC

Color Values

HEX

#0396FC

RGB

3, 150, 252

HSL

204.6, 97.6%, 50.0%

HSV

204.6, 98.8%, 98.8%

CMYK

98.8%, 40.5%, 0.0%, 1.2%

OKLCH

0.6607 0.183 249.3

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#0396FC

#FC6903

Analogous

#03FCE6

#0319FC

#0396FC

Triadic

#0396FC

#FC0396

#96FC03

Split Complementary

#0396FC

#FC0319

#FCE603

Tetradic

#0396FC

#E603FC

#FC6903

#19FC03

Color Blindness Simulation

Original

#0396FC

Protanopia

#4344E3

Deuteranopia

#3A2FDD

Tritanopia

#0AD0CC

Achromatopsia

#7E7E7E

CSS Usage

background-color: #0396FC;
color: #0396FC;
border-color: #0396FC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FE
100
#DEF0FC
200
#B8E2FE
300
#86CDFE
400
#45B1FD
500
#0396FC
600
#0278CA
700
#0260A1
800
#024B7E
900
#06385B
950
#042339

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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