#864CBD

#864CBD

Color Values

HEX

#864CBD

RGB

134, 76, 189

HSL

270.8, 46.1%, 52.0%

HSV

270.8, 59.8%, 74.1%

CMYK

29.1%, 59.8%, 0.0%, 25.9%

OKLCH

0.5378 0.1735 304.9

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#864CBD

#83BD4C

Analogous

#4E4CBD

#BD4CBC

#864CBD

Triadic

#864CBD

#BD864C

#4CBD86

Split Complementary

#864CBD

#BCBD4C

#4CBD4E

Tetradic

#864CBD

#BD4E4C

#83BD4C

#4CBCBD

Color Blindness Simulation

Original

#864CBD

Protanopia

#6D6CA2

Deuteranopia

#70759B

Tritanopia

#838C87

Achromatopsia

#606060

CSS Usage

background-color: #864CBD;
color: #864CBD;
border-color: #864CBD;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DCCBEC
300
#C3A6DE
400
#A275CC
500
#8145BA
600
#673795
700
#532C77
800
#41225D
900
#311C45
950
#1F122B

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

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