#8853BF

#8853BF

Color Values

HEX

#8853BF

RGB

136, 83, 191

HSL

269.4, 45.8%, 53.7%

HSV

269.4, 56.5%, 74.9%

CMYK

28.8%, 56.5%, 0.0%, 25.1%

OKLCH

0.5518 0.1658 304.1

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#8853BF

#8ABF53

Analogous

#5354BF

#BE53BF

#8853BF

Triadic

#8853BF

#BF8853

#53BF88

Split Complementary

#8853BF

#BFBE53

#54BF53

Tetradic

#8853BF

#BF5354

#8ABF53

#53BFBE

Color Blindness Simulation

Original

#8853BF

Protanopia

#7171A5

Deuteranopia

#74789F

Tritanopia

#85908C

Achromatopsia

#666666

CSS Usage

background-color: #8853BF;
color: #8853BF;
border-color: #8853BF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCBEC
300
#C1A6DE
400
#A075CC
500
#7E45BA
600
#653795
700
#512C77
800
#3F235D
900
#301C44
950
#1E122B

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

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