#030363

#030363

Color Values

HEX

#030363

RGB

3, 3, 99

HSL

240.0, 94.1%, 20.0%

HSV

240.0, 97.0%, 38.8%

CMYK

97.0%, 97.0%, 0.0%, 61.2%

OKLCH

0.2313 0.1527 265.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030363

#636303

Analogous

#033363

#330363

#030363

Triadic

#030363

#630303

#036303

Split Complementary

#030363

#633303

#336303

Tetradic

#030363

#630333

#636303

#036333

Color Blindness Simulation

Original

#030363

Protanopia

#03034C

Deuteranopia

#030346

Tritanopia

#033935

Achromatopsia

#0A0A0A

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABAFD
300
#8888FB
400
#4848F9
500
#0808F7
600
#0606C6
700
#05059E
800
#04047C
900
#070759
950
#050539

Contrast Checker

Text on white

17.54:1

AA Pass AAA Pass

Text on black

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