#036CC9

#036CC9

Color Values

HEX

#036CC9

RGB

3, 108, 201

HSL

208.2, 97.1%, 40.0%

HSV

208.2, 98.5%, 78.8%

CMYK

98.5%, 46.3%, 0.0%, 21.2%

OKLCH

0.5334 0.1659 253.5

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#036CC9

#C96003

Analogous

#03C9C3

#0309C9

#036CC9

Triadic

#036CC9

#C9036C

#6CC903

Split Complementary

#036CC9

#C90309

#C9C303

Tetradic

#036CC9

#C303C9

#C96003

#09C903

Color Blindness Simulation

Original

#036CC9

Protanopia

#3031B3

Deuteranopia

#2A22AD

Tritanopia

#08A19D

Achromatopsia

#5C5C5C

CSS Usage

background-color: #036CC9;
color: #036CC9;
border-color: #036CC9;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B9DDFE
300
#86C5FD
400
#45A6FC
500
#0487FB
600
#036CC9
700
#0256A1
800
#02437E
900
#06335B
950
#042039

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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