#030A63

#030A63

Color Values

HEX

#030A63

RGB

3, 10, 99

HSL

235.6, 94.1%, 20.0%

HSV

235.6, 97.0%, 38.8%

CMYK

97.0%, 89.9%, 0.0%, 61.2%

OKLCH

0.2396 0.1471 265.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030A63

#635C03

Analogous

#033A63

#2C0363

#030A63

Triadic

#030A63

#63030A

#0A6303

Split Complementary

#030A63

#632C03

#3A6303

Tetradic

#030A63

#63033A

#635C03

#03632C

Color Blindness Simulation

Original

#030A63

Protanopia

#06064D

Deuteranopia

#060548

Tritanopia

#033C39

Achromatopsia

#0F0F0F

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABFFD
300
#8891FB
400
#4855F9
500
#0819F7
600
#0614C6
700
#05109E
800
#040D7C
900
#070D59
950
#050839

Contrast Checker

Text on white

17.11:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026