#4A217F

#4A217F

Color Values

HEX

#4A217F

RGB

74, 33, 127

HSL

266.2, 58.8%, 31.4%

HSV

266.2, 74.0%, 49.8%

CMYK

41.7%, 74.0%, 0.0%, 50.2%

OKLCH

0.3617 0.1488 298.5

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#4A217F

#567F21

Analogous

#21277F

#79217F

#4A217F

Triadic

#4A217F

#7F4A21

#217F4A

Split Complementary

#4A217F

#7F7921

#277F21

Tetradic

#4A217F

#7F2127

#567F21

#217F79

Color Blindness Simulation

Original

#4A217F

Protanopia

#383868

Deuteranopia

#3B3E63

Tritanopia

#485652

Achromatopsia

#313131

CSS Usage

background-color: #4A217F;
color: #4A217F;
border-color: #4A217F;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#D9C6F0
300
#BD9EE6
400
#9A69D8
500
#7635CA
600
#5E2AA2
700
#4C2282
800
#3B1A65
900
#2D174A
950
#1D0E2F

Contrast Checker

Text on white

11.57:1

AA Pass AAA Pass

Text on black

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