#844CF6

#844CF6

Color Values

HEX

#844CF6

RGB

132, 76, 246

HSL

259.8, 90.4%, 63.1%

HSV

259.8, 69.1%, 96.5%

CMYK

46.3%, 69.1%, 0.0%, 3.5%

OKLCH

0.5775 0.2378 292.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#844CF6

#BEF64C

Analogous

#4C69F6

#D94CF6

#844CF6

Triadic

#844CF6

#F6844C

#4CF684

Split Complementary

#844CF6

#F6D94C

#69F64C

Tetradic

#844CF6

#F64C69

#BEF64C

#4CF6D9

Color Blindness Simulation

Original

#844CF6

Protanopia

#6C6BCD

Deuteranopia

#6F73C3

Tritanopia

#81ACA5

Achromatopsia

#646464

CSS Usage

background-color: #844CF6;
color: #844CF6;
border-color: #844CF6;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F1FD
100
#E8DFFB
200
#D0BBFC
300
#AF8AF9
400
#844BF6
500
#580CF3
600
#470AC2
700
#39089B
800
#2C0679
900
#230958
950
#160637

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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