#823DBC

#823DBC

Color Values

HEX

#823DBC

RGB

130, 61, 188

HSL

272.6, 51.0%, 48.8%

HSV

272.6, 67.6%, 73.7%

CMYK

30.9%, 67.6%, 0.0%, 26.3%

OKLCH

0.5123 0.1923 305.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#823DBC

#77BC3D

Analogous

#423DBC

#BC3DB6

#823DBC

Triadic

#823DBC

#BC823D

#3DBC82

Split Complementary

#823DBC

#B6BC3D

#3DBC42

Tetradic

#823DBC

#BC423D

#77BC3D

#3DB6BC

Color Blindness Simulation

Original

#823DBC

Protanopia

#64649D

Deuteranopia

#686D96

Tritanopia

#7F8580

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DDC9EE
300
#C5A3E1
400
#A571D1
500
#853EC1
600
#6B329A
700
#55287B
800
#431F60
900
#321A47
950
#20112D

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

3.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026