#49356F

#49356F

Color Values

HEX

#49356F

RGB

73, 53, 111

HSL

260.7, 35.4%, 32.2%

HSV

260.7, 52.3%, 43.5%

CMYK

34.2%, 52.3%, 0.0%, 56.5%

OKLCH

0.3805 0.0971 297.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#49356F

#5B6F35

Analogous

#353E6F

#66356F

#49356F

Triadic

#49356F

#6F4935

#356F49

Split Complementary

#49356F

#6F6635

#3E6F35

Tetradic

#49356F

#6F353E

#5B6F35

#356F66

Color Blindness Simulation

Original

#49356F

Protanopia

#404061

Deuteranopia

#42435E

Tritanopia

#485653

Achromatopsia

#3D3D3D

CSS Usage

background-color: #49356F;
color: #49356F;
border-color: #49356F;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#EBE8F3
200
#D7CFE8
300
#BBACD7
400
#967FC2
500
#7252AD
600
#5B428A
700
#49356E
800
#392956
900
#2C2140
950
#1C1528

Contrast Checker

Text on white

10.39:1

AA Pass AAA Pass

Text on black

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