#830C7F

#830C7F

Color Values

HEX

#830C7F

RGB

131, 12, 127

HSL

302.0, 83.2%, 28.0%

HSV

302.0, 90.8%, 51.4%

CMYK

0.0%, 90.8%, 3.1%, 48.6%

OKLCH

0.4298 0.1879 329.9

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#830C7F

#0C8310

Analogous

#4B0C83

#830C43

#830C7F

Triadic

#830C7F

#7F830C

#0C7F83

Split Complementary

#830C7F

#43830C

#0C834B

Tetradic

#830C7F

#834B0C

#0C8310

#0C4383

Color Blindness Simulation

Original

#830C7F

Protanopia

#4F4E63

Deuteranopia

#565F5C

Tritanopia

#7D4D48

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE1F9
200
#F9BEF7
300
#F58FF1
400
#EF52EA
500
#EA15E3
600
#BB11B5
700
#950E91
800
#750B71
900
#550C52
950
#360834

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

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026