#040675

#040675

Color Values

HEX

#040675

RGB

4, 6, 117

HSL

238.9, 93.4%, 23.7%

HSV

238.9, 96.6%, 45.9%

CMYK

96.6%, 94.9%, 0.0%, 54.1%

OKLCH

0.2619 0.1708 265.6

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#040675

#757304

Analogous

#043F75

#3A0475

#040675

Triadic

#040675

#750406

#067504

Split Complementary

#040675

#753A04

#3F7504

Tetradic

#040675

#75043F

#757304

#04753A

Color Blindness Simulation

Original

#040675

Protanopia

#05055A

Deuteranopia

#050554

Tritanopia

#044540

Achromatopsia

#0E0E0E

CSS Usage

background-color: #040675;
color: #040675;
border-color: #040675;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BABBFD
300
#898BFB
400
#494CF9
500
#080DF7
600
#070AC5
700
#05089E
800
#04067B
900
#080959
950
#050638

Contrast Checker

Text on white

16.3:1

AA Pass AAA Pass

Text on black

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