#040549

#040549

Color Values

HEX

#040549

RGB

4, 5, 73

HSL

239.1, 89.6%, 15.1%

HSV

239.1, 94.5%, 28.6%

CMYK

94.5%, 93.2%, 0.0%, 71.4%

OKLCH

0.1956 0.1186 267.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#040549

#494804

Analogous

#042849

#250449

#040549

Triadic

#040549

#490405

#054904

Split Complementary

#040549

#492504

#284904

Tetradic

#040549

#490428

#494804

#044925

Color Blindness Simulation

Original

#040549

Protanopia

#040439

Deuteranopia

#040435

Tritanopia

#042C29

Achromatopsia

#0A0A0A

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BBBCFB
300
#8B8DF9
400
#4C4FF5
500
#0D11F2
600
#0B0DC1
700
#080B9B
800
#070879
900
#090B58
950
#060737

Contrast Checker

Text on white

18.7:1

AA Pass AAA Pass

Text on black

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