#844BC7

#844BC7

Color Values

HEX

#844BC7

RGB

132, 75, 199

HSL

267.6, 52.5%, 53.7%

HSV

267.6, 62.3%, 78.0%

CMYK

33.7%, 62.3%, 0.0%, 22.0%

OKLCH

0.5409 0.186 301.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#844BC7

#8EC74B

Analogous

#4B50C7

#C24BC7

#844BC7

Triadic

#844BC7

#C7844B

#4BC784

Split Complementary

#844BC7

#C7C24B

#50C74B

Tetradic

#844BC7

#C74B50

#8EC74B

#4BC7C2

Color Blindness Simulation

Original

#844BC7

Protanopia

#6B6BA9

Deuteranopia

#6F73A2

Tritanopia

#81918C

Achromatopsia

#606060

CSS Usage

background-color: #844BC7;
color: #844BC7;
border-color: #844BC7;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DAC9EE
300
#BFA2E2
400
#9D6FD2
500
#7A3DC2
600
#62309C
700
#4E277C
800
#3D1E61
900
#2F1A47
950
#1D102D

Contrast Checker

Text on white

5.51:1

AA Pass AAA Fail

Text on black

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