#830CC0

#830CC0

Color Values

HEX

#830CC0

RGB

131, 12, 192

HSL

279.7, 88.2%, 40.0%

HSV

279.7, 93.7%, 75.3%

CMYK

31.8%, 93.7%, 0.0%, 24.7%

OKLCH

0.4787 0.2381 308.3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#830CC0

#49C00C

Analogous

#290CC0

#C00CA3

#830CC0

Triadic

#830CC0

#C0830C

#0CC083

Split Complementary

#830CC0

#A3C00C

#0CC029

Tetradic

#830CC0

#C0290C

#49C00C

#0CA3C0

Color Blindness Simulation

Original

#830CC0

Protanopia

#4F4E94

Deuteranopia

#565F8A

Tritanopia

#7D726B

Achromatopsia

#323232

CSS Usage

background-color: #830CC0;
color: #830CC0;
border-color: #830CC0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F9F2FD
100
#F1E0FB
200
#E5BCFB
300
#D38CF8
400
#BC4DF4
500
#A40FF0
600
#830CC0
700
#690A9A
800
#520878
900
#3D0A57
950
#260637

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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