#421C5B

#421C5B

Color Values

HEX

#421C5B

RGB

66, 28, 91

HSL

276.2, 52.9%, 23.3%

HSV

276.2, 69.2%, 35.7%

CMYK

27.5%, 69.2%, 0.0%, 64.3%

OKLCH

0.315 0.111 309.2

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#421C5B

#355B1C

Analogous

#221C5B

#5B1C54

#421C5B

Triadic

#421C5B

#5B421C

#1C5B42

Split Complementary

#421C5B

#545B1C

#1C5B22

Tetradic

#421C5B

#5B221C

#355B1C

#1C545B

Color Blindness Simulation

Original

#421C5B

Protanopia

#32314C

Deuteranopia

#343748

Tritanopia

#40403D

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE5F5
200
#DFC8EE
300
#C8A1E2
400
#AB6FD3
500
#8D3CC3
600
#71309C
700
#5B267D
800
#471E61
900
#351948
950
#22102D

Contrast Checker

Text on white

13.56:1

AA Pass AAA Pass

Text on black

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