#040355

#040355

Color Values

HEX

#040355

RGB

4, 3, 85

HSL

240,7, 93,2%, 17,3%

HSV

240,7, 96,5%, 33,3%

CMYK

95,3%, 96,5%, 0,0%, 66,7%

OKLCH

0,2105 0,1358 266,8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#040355

#545503

Analogous

#032B55

#2D0355

#040355

Triadic

#040355

#550403

#035504

Split Complementary

#040355

#552D03

#2B5503

Tetradic

#040355

#55032B

#545503

#03552D

Color Blindness Simulation

Original

#040355

Protanopia

#040441

Deuteranopia

#04043C

Tritanopia

#04312E

Achromatopsia

#090909

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBAFD
300
#8A89FB
400
#4B49F9
500
#0B09F6
600
#0907C5
700
#07069E
800
#06047B
900
#090859
950
#060538

Contrast Checker

Text on white

18,27:1

AA Pass AAA Pass

Text on black

1,15:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026