#0036CC

#0036CC

Color Values

HEX

#0036CC

RGB

0, 54, 204

HSL

224.1, 100.0%, 40.0%

HSV

224.1, 100.0%, 80.0%

CMYK

100.0%, 73.5%, 0.0%, 20.0%

OKLCH

0.4306 0.2323 263.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#0036CC

#CC9600

Analogous

#009CCC

#3000CC

#0036CC

Triadic

#0036CC

#CC0036

#36CC00

Split Complementary

#0036CC

#CC3000

#9CCC00

Tetradic

#0036CC

#CC009C

#CC9600

#00CC30

Color Blindness Simulation

Original

#0036CC

Protanopia

#1718A8

Deuteranopia

#14109F

Tritanopia

#038B85

Achromatopsia

#353535

CSS Usage

background-color: #0036CC;
color: #0036CC;
border-color: #0036CC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B8CBFF
300
#85A5FF
400
#4274FF
500
#0044FF
600
#0036CC
700
#002BA3
800
#002280
900
#051C5C
950
#03123A

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

2.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026