#824BA5

#824BA5

Color Values

HEX

#824BA5

RGB

130, 75, 165

HSL

276.7, 37.5%, 47.1%

HSV

276.7, 54.5%, 64.7%

CMYK

21.2%, 54.5%, 0.0%, 35.3%

OKLCH

0.5167 0.1459 310.5

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#824BA5

#6EA54B

Analogous

#554BA5

#A54B9B

#824BA5

Triadic

#824BA5

#A5824B

#4BA582

Split Complementary

#824BA5

#9BA54B

#4BA555

Tetradic

#824BA5

#A5554B

#6EA54B

#4B9BA5

Color Blindness Simulation

Original

#824BA5

Protanopia

#6A6A8F

Deuteranopia

#6D728A

Tritanopia

#7F7E7A

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE7F3
200
#DECEE9
300
#C7ABD9
400
#A97DC4
500
#8A50AF
600
#6F408C
700
#583370
800
#452858
900
#342041
950
#211429

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

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