#855BAC

#855BAC

Color Values

HEX

#855BAC

RGB

133, 91, 172

HSL

271.1, 32.8%, 51.6%

HSV

271.1, 47.1%, 67.5%

CMYK

22.7%, 47.1%, 0.0%, 32.5%

OKLCH

0.5502 0.1287 306.6

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#855BAC

#82AC5B

Analogous

#5D5BAC

#AC5BAB

#855BAC

Triadic

#855BAC

#AC855B

#5BAC85

Split Complementary

#855BAC

#ABAC5B

#5BAC5D

Tetradic

#855BAC

#AC5D5B

#82AC5B

#5BABAC

Color Blindness Simulation

Original

#855BAC

Protanopia

#737298

Deuteranopia

#757894

Tritanopia

#838986

Achromatopsia

#6A6A6A

CSS Usage

background-color: #855BAC;
color: #855BAC;
border-color: #855BAC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DCD0E7
300
#C3AED6
400
#A282C0
500
#8156A9
600
#674587
700
#53376C
800
#412B55
900
#31223F
950
#1F1628

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026