#854886

#854886

Color Values

HEX

#854886

RGB

133, 72, 134

HSL

299.0, 30.1%, 40.4%

HSV

299.0, 46.3%, 52.5%

CMYK

0.7%, 46.3%, 0.0%, 47.5%

OKLCH

0.4987 0.1183 326.6

Properties

Cool Dark Nearest: orchid 4

Color Harmonies

Complementary

#854886

#498648

Analogous

#664886

#864868

#854886

Triadic

#854886

#868548

#488685

Split Complementary

#854886

#688648

#488666

Tetradic

#854886

#866648

#498648

#486886

Color Blindness Simulation

Original

#854886

Protanopia

#6B6A77

Deuteranopia

#6E7373

Tritanopia

#826B69

Achromatopsia

#595959

CSS Usage

background-color: #854886;
color: #854886;
border-color: #854886;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5F9
100
#F2E9F2
200
#E6D1E6
300
#D4AFD4
400
#BC84BD
500
#A559A6
600
#844785
700
#69396A
800
#522D53
900
#3D233E
950
#271627

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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