#49216C

#49216C

Color Values

HEX

#49216C

RGB

73, 33, 108

HSL

272.0, 53.2%, 27.6%

HSV

272.0, 69.4%, 42.4%

CMYK

32.4%, 69.4%, 0.0%, 57.6%

OKLCH

0.3447 0.126 305.2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#49216C

#446C21

Analogous

#23216C

#6C2169

#49216C

Triadic

#49216C

#6C4921

#216C49

Split Complementary

#49216C

#696C21

#216C23

Tetradic

#49216C

#6C2321

#446C21

#21696C

Color Blindness Simulation

Original

#49216C

Protanopia

#38375A

Deuteranopia

#3A3D56

Tritanopia

#474C48

Achromatopsia

#2F2F2F

CSS Usage

background-color: #49216C;
color: #49216C;
border-color: #49216C;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC8EE
300
#C4A1E2
400
#A46ED3
500
#843CC3
600
#6A309C
700
#54267D
800
#421E62
900
#321948
950
#20102D

Contrast Checker

Text on white

12.23:1

AA Pass AAA Pass

Text on black

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