#830783

#830783

Color Values

HEX

#830783

RGB

131, 7, 131

HSL

300.0, 89.9%, 27.1%

HSV

300.0, 94.7%, 51.4%

CMYK

0.0%, 94.7%, 0.0%, 48.6%

OKLCH

0.4306 0.1933 328.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#830783

#078307

Analogous

#450783

#830745

#830783

Triadic

#830783

#838307

#078383

Split Complementary

#830783

#458307

#078345

Tetradic

#830783

#834507

#078307

#074583

Color Blindness Simulation

Original

#830783

Protanopia

#4D4C65

Deuteranopia

#545E5E

Tritanopia

#7D4D48

Achromatopsia

#2A2A2A

CSS Usage

background-color: #830783;
color: #830783;
border-color: #830783;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF2FD
100
#FBE0FB
200
#FBBBFB
300
#F98BF9
400
#F54CF5
500
#F20DF2
600
#C20AC2
700
#9B089B
800
#790679
900
#580958
950
#370637

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

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