#823BBA

#823BBA

Color Values

HEX

#823BBA

RGB

130, 59, 186

HSL

273.5, 51.8%, 48.0%

HSV

273.5, 68.3%, 72.9%

CMYK

30.1%, 68.3%, 0.0%, 27.1%

OKLCH

0.5085 0.1928 306.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#823BBA

#73BA3B

Analogous

#423BBA

#BA3BB2

#823BBA

Triadic

#823BBA

#BA823B

#3BBA82

Split Complementary

#823BBA

#B2BA3B

#3BBA42

Tetradic

#823BBA

#BA423B

#73BA3B

#3BB2BA

Color Blindness Simulation

Original

#823BBA

Protanopia

#63639B

Deuteranopia

#676D94

Tritanopia

#7E837E

Achromatopsia

#535353

CSS Usage

background-color: #823BBA;
color: #823BBA;
border-color: #823BBA;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC9EE
300
#C5A2E2
400
#A670D2
500
#873DC2
600
#6C319B
700
#57277C
800
#441F61
900
#331A47
950
#20102D

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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