#830489

#830489

Color Values

HEX

#830489

RGB

131, 4, 137

HSL

297.3, 94.3%, 27.6%

HSV

297.3, 97.1%, 53.7%

CMYK

4.4%, 97.1%, 0.0%, 46.3%

OKLCH

0.4335 0.199 326.0

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#830489

#0A8904

Analogous

#400489

#89044C

#830489

Triadic

#830489

#898304

#048983

Split Complementary

#830489

#4C8904

#048940

Tetradic

#830489

#894004

#0A8904

#044C89

Color Blindness Simulation

Original

#830489

Protanopia

#4C4B69

Deuteranopia

#535D61

Tritanopia

#7D4F4A

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F688FC
400
#F248FA
500
#ED07F8
600
#BE06C6
700
#98059F
800
#76047C
900
#56075A
950
#360539

Contrast Checker

Text on white

8.96:1

AA Pass AAA Pass

Text on black

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