#030558

#030558

Color Values

HEX

#030558

RGB

3, 5, 88

HSL

238.6, 93.4%, 17.8%

HSV

238.6, 96.6%, 34.5%

CMYK

96.6%, 94.3%, 0.0%, 65.5%

OKLCH

0.2173 0.1379 266.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030558

#585603

Analogous

#032F58

#2B0358

#030558

Triadic

#030558

#580305

#055803

Split Complementary

#030558

#582B03

#2F5803

Tetradic

#030558

#58032F

#585603

#03582B

Color Blindness Simulation

Original

#030558

Protanopia

#040444

Deuteranopia

#04043F

Tritanopia

#033431

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFD
300
#898BFB
400
#494DF9
500
#080EF7
600
#070BC5
700
#05099E
800
#04077B
900
#080A59
950
#050638

Contrast Checker

Text on white

18.0:1

AA Pass AAA Pass

Text on black

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