#867BBC

#867BBC

Color Values

HEX

#867BBC

RGB

134, 123, 188

HSL

250,2, 32,7%, 61,0%

HSV

250,2, 34,6%, 73,7%

CMYK

28,7%, 34,6%, 0,0%, 26,3%

OKLCH

0,6188 0,0973 291,0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#867BBC

#B1BC7B

Analogous

#7B90BC

#A77BBC

#867BBC

Triadic

#867BBC

#BC867B

#7BBC86

Split Complementary

#867BBC

#BCA77B

#90BC7B

Tetradic

#867BBC

#BC7B90

#B1BC7B

#7BBCA7

Color Blindness Simulation

Original

#867BBC

Protanopia

#8181AC

Deuteranopia

#8283A8

Tritanopia

#85A09D

Achromatopsia

#828282

CSS Usage

background-color: #867BBC;
color: #867BBC;
border-color: #867BBC;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B5AED6
400
#8C82C0
500
#6456A9
600
#504587
700
#40376C
800
#322B55
900
#27223F
950
#191628

Contrast Checker

Text on white

3,77:1

AA Fail AAA Fail

Text on black

5,57:1

AA Pass 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