#867DCE

#867DCE

Color Values

HEX

#867DCE

RGB

134, 125, 206

HSL

246.7, 45.3%, 64.9%

HSV

246.7, 39.3%, 80.8%

CMYK

35.0%, 39.3%, 0.0%, 19.2%

OKLCH

0.6318 0.1199 287.5

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#867DCE

#C5CE7D

Analogous

#7D9CCE

#AF7DCE

#867DCE

Triadic

#867DCE

#CE867D

#7DCE86

Split Complementary

#867DCE

#CEAF7D

#9CCE7D

Tetradic

#867DCE

#CE7D9C

#C5CE7D

#7DCEAF

Color Blindness Simulation

Original

#867DCE

Protanopia

#8282BA

Deuteranopia

#8383B6

Tritanopia

#86ABA8

Achromatopsia

#858585

CSS Usage

background-color: #867DCE;
color: #867DCE;
border-color: #867DCE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEB
300
#ACA6DE
400
#7F76CB
500
#5346B9
600
#423894
700
#352D77
800
#29235D
900
#211D44
950
#15122B

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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