#825498

#825498

Color Values

HEX

#825498

RGB

130, 84, 152

HSL

280.6, 28.8%, 46.3%

HSV

280.6, 44.7%, 59.6%

CMYK

14.5%, 44.7%, 0.0%, 40.4%

OKLCH

0.5241 0.115 314.1

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#825498

#6A9854

Analogous

#605498

#98548C

#825498

Triadic

#825498

#988254

#549882

Split Complementary

#825498

#8C9854

#549860

Tetradic

#825498

#986054

#6A9854

#548C98

Color Blindness Simulation

Original

#825498

Protanopia

#6E6E88

Deuteranopia

#717484

Tritanopia

#807B78

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE9F2
200
#DFD1E6
300
#C8B0D3
400
#AA85BC
500
#8C5BA4
600
#704983
700
#5A3A69
800
#462D52
900
#35243D
950
#211727

Contrast Checker

Text on white

5.72:1

AA Pass AAA Fail

Text on black

3.67:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026