#825AAC

#825AAC

Color Values

HEX

#825AAC

RGB

130, 90, 172

HSL

269.3, 33.1%, 51.4%

HSV

269.3, 47.7%, 67.5%

CMYK

24.4%, 47.7%, 0.0%, 32.5%

OKLCH

0.5453 0.1295 305.0

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#825AAC

#84AC5A

Analogous

#5A5BAC

#AB5AAC

#825AAC

Triadic

#825AAC

#AC825A

#5AAC82

Split Complementary

#825AAC

#ACAB5A

#5BAC5A

Tetradic

#825AAC

#AC5A5B

#84AC5A

#5AACAB

Color Blindness Simulation

Original

#825AAC

Protanopia

#717098

Deuteranopia

#737693

Tritanopia

#808885

Achromatopsia

#686868

CSS Usage

background-color: #825AAC;
color: #825AAC;
border-color: #825AAC;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DBCFE7
300
#C1AED6
400
#A081C0
500
#7F55AA
600
#654488
700
#51376D
800
#3F2B55
900
#30223F
950
#1E1528

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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