#040C41

#040C41

Color Values

HEX

#040C41

RGB

4, 12, 65

HSL

232.1, 88.4%, 13.5%

HSV

232.1, 93.8%, 25.5%

CMYK

93.8%, 81.5%, 0.0%, 74.5%

OKLCH

0.1967 0.0994 266.9

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#040C41

#413904

Analogous

#042A41

#1A0441

#040C41

Triadic

#040C41

#41040C

#0C4104

Split Complementary

#040C41

#411A04

#2A4104

Tetradic

#040C41

#41042A

#413904

#04411A

Color Blindness Simulation

Original

#040C41

Protanopia

#070834

Deuteranopia

#070631

Tritanopia

#042A28

Achromatopsia

#0E0E0E

CSS Usage

background-color: #040C41;
color: #040C41;
border-color: #040C41;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F2F3FD
100
#E0E3FB
200
#BCC4FB
300
#8C9AF8
400
#4D63F4
500
#0F2CF0
600
#0C24C0
700
#091C9A
800
#071678
900
#0A1457
950
#060D37

Contrast Checker

Text on white

18.52:1

AA Pass AAA Pass

Text on black

1.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026