#830477

#830477

Color Values

HEX

#830477

RGB

131, 4, 119

HSL

305.7, 94.1%, 26.5%

HSV

305.7, 96.9%, 51.4%

CMYK

0.0%, 96.9%, 9.2%, 48.6%

OKLCH

0.4219 0.1864 333.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#830477

#048310

Analogous

#500483

#830437

#830477

Triadic

#830477

#778304

#047783

Split Complementary

#830477

#378304

#048350

Tetradic

#830477

#835004

#048310

#043783

Color Blindness Simulation

Original

#830477

Protanopia

#4C4B5B

Deuteranopia

#535D54

Tritanopia

#7D4540

Achromatopsia

#272727

CSS Usage

background-color: #830477;
color: #830477;
border-color: #830477;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FDBAF7
300
#FB88F0
400
#F948E9
500
#F708E1
600
#C606B4
700
#9E0590
800
#7C0470
900
#590752
950
#390534

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

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