#8645BC

#8645BC

Color Values

HEX

#8645BC

RGB

134, 69, 188

HSL

272.8, 47.0%, 50.4%

HSV

272.8, 63.3%, 73.7%

CMYK

28.7%, 63.3%, 0.0%, 26.3%

OKLCH

0.5274 0.1825 306.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8645BC

#7BBC45

Analogous

#4B45BC

#BC45B6

#8645BC

Triadic

#8645BC

#BC8645

#45BC86

Split Complementary

#8645BC

#B6BC45

#45BC4B

Tetradic

#8645BC

#BC4B45

#7BBC45

#45B6BC

Color Blindness Simulation

Original

#8645BC

Protanopia

#6A699F

Deuteranopia

#6E7298

Tritanopia

#838883

Achromatopsia

#5B5B5B

CSS Usage

background-color: #8645BC;
color: #8645BC;
border-color: #8645BC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCBEC
300
#C4A5DF
400
#A574CD
500
#8544BB
600
#6A3696
700
#552B78
800
#43225E
900
#321C45
950
#20122C

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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