#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026