#010476

#010476

Color Values

HEX

#010476

RGB

1, 4, 118

HSL

238.5, 98.3%, 23.3%

HSV

238.5, 99.2%, 46.3%

CMYK

99.2%, 96.6%, 0.0%, 53.7%

OKLCH

0.2602 0.1742 264.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#010476

#767301

Analogous

#013E76

#380176

#010476

Triadic

#010476

#760104

#047601

Split Complementary

#010476

#763801

#3E7601

Tetradic

#010476

#76013E

#767301

#017638

Color Blindness Simulation

Original

#010476

Protanopia

#02025A

Deuteranopia

#020254

Tritanopia

#014540

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8BAFE
300
#8689FE
400
#4449FD
500
#0208FD
600
#0207CA
700
#0105A2
800
#01047E
900
#06085B
950
#04053A

Contrast Checker

Text on white

16.4:1

AA Pass AAA Pass

Text on black

1.28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026