#4E1463

#4E1463

Color Values

HEX

#4E1463

RGB

78, 20, 99

HSL

284.1, 66.4%, 23.3%

HSV

284.1, 79.8%, 38.8%

CMYK

21.2%, 79.8%, 0.0%, 61.2%

OKLCH

0.329 0.1354 315.2

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#4E1463

#296314

Analogous

#271463

#631450

#4E1463

Triadic

#4E1463

#634E14

#14634E

Split Complementary

#4E1463

#506314

#146327

Tetradic

#4E1463

#632714

#296314

#145063

Color Blindness Simulation

Original

#4E1463

Protanopia

#353450

Deuteranopia

#383D4B

Tritanopia

#4B413D

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F9F3FC
100
#F2E3F7
200
#E6C4F3
300
#D599EA
400
#BE62DF
500
#A72BD4
600
#8622AA
700
#6B1B88
800
#54156A
900
#3E134D
950
#270C31

Contrast Checker

Text on white

13.09:1

AA Pass AAA Pass

Text on black

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