#830447

#830447

Color Values

HEX

#830447

RGB

131, 4, 71

HSL

328.3, 94.1%, 26.5%

HSV

328.3, 96.9%, 51.4%

CMYK

0.0%, 96.9%, 45.8%, 48.6%

OKLCH

0.3983 0.1594 357.9

Properties

Warm Dark Nearest: deeppink 4

Color Harmonies

Complementary

#830447

#048340

Analogous

#800483

#830408

#830447

Triadic

#830447

#478304

#044783

Split Complementary

#830447

#088304

#048380

Tetradic

#830447

#838004

#048340

#040883

Color Blindness Simulation

Original

#830447

Protanopia

#4C4B37

Deuteranopia

#535D33

Tritanopia

#7D2A27

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FDF1F8
100
#FBDFEE
200
#FDBADD
300
#FB88C5
400
#F948A6
500
#F70886
600
#C6066B
700
#9E0556
800
#7C0443
900
#590733
950
#390520

Contrast Checker

Text on white

10.13:1

AA Pass AAA Pass

Text on black

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