#825296

#825296

Color Values

HEX

#825296

RGB

130, 82, 150

HSL

282.4, 29.3%, 45.5%

HSV

282.4, 45.3%, 58.8%

CMYK

13.3%, 45.3%, 0.0%, 41.2%

OKLCH

0.5196 0.1162 315.4

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#825296

#669652

Analogous

#605296

#965288

#825296

Triadic

#825296

#968252

#529682

Split Complementary

#825296

#889652

#529660

Tetradic

#825296

#966052

#669652

#528896

Color Blindness Simulation

Original

#825296

Protanopia

#6D6D86

Deuteranopia

#707482

Tritanopia

#807976

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#E0D1E6
300
#C9B0D4
400
#AC85BC
500
#8F5AA5
600
#724884
700
#5B3A6A
800
#472D52
900
#36243D
950
#221727

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

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