#030A54

#030A54

Color Values

HEX

#030A54

RGB

3, 10, 84

HSL

234.8, 93.1%, 17.1%

HSV

234.8, 96.4%, 32.9%

CMYK

96.4%, 88.1%, 0.0%, 67.1%

OKLCH

0.2184 0.1282 266.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030A54

#544D03

Analogous

#033354

#250354

#030A54

Triadic

#030A54

#54030A

#0A5403

Split Complementary

#030A54

#542503

#335403

Tetradic

#030A54

#540333

#544D03

#035425

Color Blindness Simulation

Original

#030A54

Protanopia

#060642

Deuteranopia

#06053E

Tritanopia

#033431

Achromatopsia

#0E0E0E

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BAC0FD
300
#8993FB
400
#4958F8
500
#091DF6
600
#0717C5
700
#06139E
800
#040F7B
900
#080F59
950
#050938

Contrast Checker

Text on white

17.87:1

AA Pass AAA Pass

Text on black

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