#844EB0

#844EB0

Color Values

HEX

#844EB0

RGB

132, 78, 176

HSL

273,1, 38,6%, 49,8%

HSV

273,1, 55,7%, 69,0%

CMYK

25,0%, 55,7%, 0,0%, 31,0%

OKLCH

0,5303 0,1547 307,4

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#844EB0

#7AB04E

Analogous

#534EB0

#B04EAB

#844EB0

Triadic

#844EB0

#B0844E

#4EB084

Split Complementary

#844EB0

#ABB04E

#4EB053

Tetradic

#844EB0

#B0534E

#7AB04E

#4EABB0

Color Blindness Simulation

Original

#844EB0

Protanopia

#6D6C98

Deuteranopia

#707493

Tritanopia

#818681

Achromatopsia

#616161

CSS Usage

background-color: #844EB0;
color: #844EB0;
border-color: #844EB0;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DDCEE9
300
#C4AAD9
400
#A47CC5
500
#854EB1
600
#6A3F8D
700
#553271
800
#422758
900
#322041
950
#201429

Contrast Checker

Text on white

5,68:1

AA Pass AAA Fail

Text on black

3,7: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