#862ECC

#862ECC

Color Values

HEX

#862ECC

RGB

134, 46, 204

HSL

273.4, 63.2%, 49.0%

HSV

273.4, 77.5%, 80.0%

CMYK

34.3%, 77.5%, 0.0%, 20.0%

OKLCH

0.5134 0.2263 304.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#862ECC

#74CC2E

Analogous

#372ECC

#CC2EC3

#862ECC

Triadic

#862ECC

#CC862E

#2ECC86

Split Complementary

#862ECC

#C3CC2E

#2ECC37

Tetradic

#862ECC

#CC372E

#74CC2E

#2EC3CC

Color Blindness Simulation

Original

#862ECC

Protanopia

#605FA6

Deuteranopia

#656C9D

Tritanopia

#828881

Achromatopsia

#4C4C4C

CSS Usage

background-color: #862ECC;
color: #862ECC;
border-color: #862ECC;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F2
300
#C69BE8
400
#A765DC
500
#892FD0
600
#6D26A6
700
#571E85
800
#441768
900
#34154C
950
#210D30

Contrast Checker

Text on white

6.41:1

AA Pass AAA Fail

Text on black

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