#4E2287

#4E2287

Color Values

HEX

#4E2287

RGB

78, 34, 135

HSL

266.1, 59.8%, 33.1%

HSV

266.1, 74.8%, 52.9%

CMYK

42.2%, 74.8%, 0.0%, 47.1%

OKLCH

0.3748 0.1574 298.2

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#4E2287

#5B8722

Analogous

#222887

#802287

#4E2287

Triadic

#4E2287

#874E22

#22874E

Split Complementary

#4E2287

#878022

#288722

Tetradic

#4E2287

#872228

#5B8722

#228780

Color Blindness Simulation

Original

#4E2287

Protanopia

#3B3B6F

Deuteranopia

#3E4169

Tritanopia

#4C5B57

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#D9C6F1
300
#BD9DE6
400
#9968D9
500
#7633CC
600
#5E29A3
700
#4B2182
800
#3B1A66
900
#2D164B
950
#1C0E2F

Contrast Checker

Text on white

11.04:1

AA Pass AAA Pass

Text on black

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