#821183

#821183

Color Values

HEX

#821183

RGB

130, 17, 131

HSL

299.5, 77.0%, 29.0%

HSV

299.5, 87.0%, 51.4%

CMYK

0.8%, 87.0%, 0.0%, 48.6%

OKLCH

0.433 0.1873 327.8

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#821183

#128311

Analogous

#491183

#83114B

#821183

Triadic

#821183

#838211

#118382

Split Complementary

#821183

#4B8311

#118349

Tetradic

#821183

#834911

#128311

#114B83

Color Blindness Simulation

Original

#821183

Protanopia

#515067

Deuteranopia

#586061

Tritanopia

#7C524D

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6C0F7
300
#F093F1
400
#E858E9
500
#E01DE2
600
#B317B5
700
#8F1390
800
#700F71
900
#510F52
950
#330934

Contrast Checker

Text on white

8.91:1

AA Pass AAA Pass

Text on black

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