#4E2176

#4E2176

Color Values

HEX

#4E2176

RGB

78, 33, 118

HSL

271.8, 56.3%, 29.6%

HSV

271.8, 72.0%, 46.3%

CMYK

33.9%, 72.0%, 0.0%, 53.7%

OKLCH

0.3592 0.1391 304.5

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#4E2176

#497621

Analogous

#242176

#762173

#4E2176

Triadic

#4E2176

#764E21

#21764E

Split Complementary

#4E2176

#737621

#217624

Tetradic

#4E2176

#762421

#497621

#217376

Color Blindness Simulation

Original

#4E2176

Protanopia

#3B3A61

Deuteranopia

#3D405C

Tritanopia

#4C514E

Achromatopsia

#313131

CSS Usage

background-color: #4E2176;
color: #4E2176;
border-color: #4E2176;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C49FE4
400
#A46CD6
500
#8438C7
600
#692D9F
700
#542480
800
#421C64
900
#321849
950
#200F2E

Contrast Checker

Text on white

11.65:1

AA Pass AAA Pass

Text on black

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