#865EB0

#865EB0

Color Values

HEX

#865EB0

RGB

134, 94, 176

HSL

269.3, 34.2%, 52.9%

HSV

269.3, 46.6%, 69.0%

CMYK

23.9%, 46.6%, 0.0%, 31.0%

OKLCH

0.5587 0.129 305.1

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#865EB0

#88B05E

Analogous

#5E5FB0

#AF5EB0

#865EB0

Triadic

#865EB0

#B0865E

#5EB086

Split Complementary

#865EB0

#B0AF5E

#5FB05E

Tetradic

#865EB0

#B05E5F

#88B05E

#5EB0AF

Color Blindness Simulation

Original

#865EB0

Protanopia

#75749C

Deuteranopia

#777A97

Tritanopia

#848C89

Achromatopsia

#6C6C6C

CSS Usage

background-color: #865EB0;
color: #865EB0;
border-color: #865EB0;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DBCFE8
300
#C1ADD7
400
#A080C1
500
#7E54AB
600
#654389
700
#51366E
800
#3F2A56
900
#30223F
950
#1E1528

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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