#420746

#420746

Color Values

HEX

#420746

RGB

66, 7, 70

HSL

296.2, 81.8%, 15.1%

HSV

296.2, 90.0%, 27.5%

CMYK

5.7%, 90.0%, 0.0%, 72.5%

OKLCH

0.2754 0.1171 325.2

Properties

Cool Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#420746

#0B4607

Analogous

#230746

#46072A

#420746

Triadic

#420746

#464207

#074642

Split Complementary

#420746

#2A4607

#074623

Tetradic

#420746

#462307

#0B4607

#072A46

Color Blindness Simulation

Original

#420746

Protanopia

#282837

Deuteranopia

#2C3033

Tritanopia

#3F2B28

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F5BEF9
300
#EE90F4
400
#E453EE
500
#DB17E8
600
#AF13B9
700
#8C0F94
800
#6D0C74
900
#500D54
950
#320835

Contrast Checker

Text on white

15.55:1

AA Pass AAA Pass

Text on black

1.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026