#036AC9

#036AC9

Color Values

HEX

#036AC9

RGB

3, 106, 201

HSL

208.8, 97.1%, 40.0%

HSV

208.8, 98.5%, 78.8%

CMYK

98.5%, 47.3%, 0.0%, 21.2%

OKLCH

0.5289 0.1682 254.2

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#036AC9

#C96203

Analogous

#03C9C5

#0307C9

#036AC9

Triadic

#036AC9

#C9036A

#6AC903

Split Complementary

#036AC9

#C90307

#C9C503

Tetradic

#036AC9

#C503C9

#C96203

#07C903

Color Blindness Simulation

Original

#036AC9

Protanopia

#3030B2

Deuteranopia

#2A22AC

Tritanopia

#08A09C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B9DDFE
300
#86C4FD
400
#45A4FC
500
#0484FB
600
#036AC9
700
#0255A1
800
#02427E
900
#06325B
950
#042039

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

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