#040370

#040370

Color Values

HEX

#040370

RGB

4, 3, 112

HSL

240.6, 94.8%, 22.5%

HSV

240.6, 97.3%, 43.9%

CMYK

96.4%, 97.3%, 0.0%, 56.1%

OKLCH

0.2514 0.1672 265.7

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#040370

#6F7003

Analogous

#033870

#3A0370

#040370

Triadic

#040370

#700403

#037004

Split Complementary

#040370

#703A03

#387003

Tetradic

#040370

#700338

#6F7003

#03703A

Color Blindness Simulation

Original

#040370

Protanopia

#040456

Deuteranopia

#04044F

Tritanopia

#04413C

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#BAB9FD
300
#8988FC
400
#4947FA
500
#0907F8
600
#0705C7
700
#06049F
800
#05037C
900
#08075A
950
#050439

Contrast Checker

Text on white

16.77:1

AA Pass AAA Pass

Text on black

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