#824697

#824697

Color Values

HEX

#824697

RGB

130, 70, 151

HSL

284.4, 36.7%, 43.3%

HSV

284.4, 53.6%, 59.2%

CMYK

13.9%, 53.6%, 0.0%, 40.8%

OKLCH

0.5008 0.1383 316.7

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#824697

#5B9746

Analogous

#594697

#974683

#824697

Triadic

#824697

#978246

#469782

Split Complementary

#824697

#839746

#469759

Tetradic

#824697

#975946

#5B9746

#468397

Color Blindness Simulation

Original

#824697

Protanopia

#686783

Deuteranopia

#6C707F

Tritanopia

#7F7471

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#F0E8F3
200
#E2CEE8
300
#CDABD8
400
#B17EC3
500
#9651AE
600
#78418B
700
#603470
800
#4B2857
900
#382040
950
#231429

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

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