#03036A

#03036A

Color Values

HEX

#03036A

RGB

3, 3, 106

HSL

240.0, 94.5%, 21.4%

HSV

240.0, 97.2%, 41.6%

CMYK

97.2%, 97.2%, 0.0%, 58.4%

OKLCH

0.2419 0.1607 265.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#03036A

#6A6A03

Analogous

#03376A

#37036A

#03036A

Triadic

#03036A

#6A0303

#036A03

Split Complementary

#03036A

#6A3703

#376A03

Tetradic

#03036A

#6A0337

#6A6A03

#036A37

Color Blindness Simulation

Original

#03036A

Protanopia

#030351

Deuteranopia

#03034B

Tritanopia

#033D39

Achromatopsia

#0A0A0A

CSS Usage

background-color: #03036A;
color: #03036A;
border-color: #03036A;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFD
300
#8888FC
400
#4747FA
500
#0707F8
600
#0606C6
700
#04049F
800
#04047C
900
#07075A
950
#050539

Contrast Checker

Text on white

17.14:1

AA Pass AAA Pass

Text on black

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