#49107C

#49107C

Color Values

HEX

#49107C

RGB

73, 16, 124

HSL

271.7, 77.1%, 27.5%

HSV

271.7, 87.1%, 48.6%

CMYK

41.1%, 87.1%, 0.0%, 51.4%

OKLCH

0.3401 0.1631 301.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#49107C

#437C10

Analogous

#13107C

#7C1079

#49107C

Triadic

#49107C

#7C4910

#107C49

Split Complementary

#49107C

#797C10

#107C13

Tetradic

#49107C

#7C1310

#437C10

#10797C

Color Blindness Simulation

Original

#49107C

Protanopia

#303062

Deuteranopia

#34385C

Tritanopia

#464D49

Achromatopsia

#242424

CSS Usage

background-color: #49107C;
color: #49107C;
border-color: #49107C;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDC0F7
300
#C493F1
400
#A558E9
500
#851DE2
600
#6A17B5
700
#551391
800
#430F71
900
#320F52
950
#200934

Contrast Checker

Text on white

12.74:1

AA Pass AAA Pass

Text on black

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