#830E46

#830E46

Color Values

HEX

#830E46

RGB

131, 14, 70

HSL

331.3, 80.7%, 28.4%

HSV

331.3, 89.3%, 51.4%

CMYK

0.0%, 89.3%, 46.6%, 48.6%

OKLCH

0.4024 0.1533 359.3

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#830E46

#0E834B

Analogous

#830E80

#83110E

#830E46

Triadic

#830E46

#46830E

#0E4683

Split Complementary

#830E46

#0E8311

#0E8083

Tetradic

#830E46

#80830E

#0E834B

#110E83

Color Blindness Simulation

Original

#830E46

Protanopia

#504F38

Deuteranopia

#576035

Tritanopia

#7D2E2B

Achromatopsia

#2B2B2B

CSS Usage

background-color: #830E46;
color: #830E46;
border-color: #830E46;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BEDA
300
#F390C0
400
#ED559D
500
#E6197B
600
#B81462
700
#93104F
800
#730C3E
900
#540D2F
950
#35081E

Contrast Checker

Text on white

9.92:1

AA Pass AAA Pass

Text on black

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