#420643

#420643

Color Values

HEX

#420643

RGB

66, 6, 67

HSL

299.0, 83.6%, 14.3%

HSV

299.0, 91.0%, 26.3%

CMYK

1.5%, 91.0%, 0.0%, 73.7%

OKLCH

0.2723 0.1156 327.4

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#420643

#074306

Analogous

#230643

#430625

#420643

Triadic

#420643

#434206

#064342

Split Complementary

#420643

#254306

#064323

Tetradic

#420643

#432306

#074306

#062543

Color Blindness Simulation

Original

#420643

Protanopia

#282734

Deuteranopia

#2C3031

Tritanopia

#3F2926

Achromatopsia

#171717

CSS Usage

background-color: #420643;
color: #420643;
border-color: #420643;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FDF2FD
100
#F9E0FA
200
#F8BDF9
300
#F38FF5
400
#ED52F0
500
#E715EA
600
#B811BB
700
#940D96
800
#730A75
900
#540C55
950
#350836

Contrast Checker

Text on white

15.69:1

AA Pass AAA Pass

Text on black

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