#030D46

#030D46

Color Values

HEX

#030D46

RGB

3, 13, 70

HSL

231.0, 91.8%, 14.3%

HSV

231.0, 95.7%, 27.5%

CMYK

95.7%, 81.4%, 0.0%, 72.5%

OKLCH

0.2043 0.1059 265.8

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#030D46

#463C03

Analogous

#032F46

#1A0346

#030D46

Triadic

#030D46

#46030D

#0D4603

Split Complementary

#030D46

#461A03

#2F4603

Tetradic

#030D46

#46032F

#463C03

#03461A

Color Blindness Simulation

Original

#030D46

Protanopia

#070738

Deuteranopia

#070635

Tritanopia

#032D2B

Achromatopsia

#0F0F0F

CSS Usage

background-color: #030D46;
color: #030D46;
border-color: #030D46;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BBC4FC
300
#8A9AFA
400
#4A64F7
500
#0A2EF5
600
#0824C4
700
#071D9D
800
#05177A
900
#081458
950
#050D38

Contrast Checker

Text on white

18.26:1

AA Pass AAA Pass

Text on black

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