#820537

#820537

Color Values

HEX

#820537

RGB

130, 5, 55

HSL

336.0, 92.6%, 26.5%

HSV

336.0, 96.2%, 51.0%

CMYK

0.0%, 96.2%, 57.7%, 49.0%

OKLCH

0.3916 0.1534 7.1

Properties

Warm Dark Nearest: Big Dip O Ruby

Color Harmonies

Complementary

#820537

#058250

Analogous

#820576

#821205

#820537

Triadic

#820537

#378205

#053782

Split Complementary

#820537

#058212

#057682

Tetradic

#820537

#768205

#058250

#120582

Color Blindness Simulation

Original

#820537

Protanopia

#4C4B2B

Deuteranopia

#535C28

Tritanopia

#7C211F

Achromatopsia

#232323

CSS Usage

background-color: #820537;
color: #820537;
border-color: #820537;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FDF1F6
100
#FBDFEA
200
#FCBAD5
300
#FA89B6
400
#F8498F
500
#F60968
600
#C40853
700
#9D0642
800
#7B0534
900
#590828
950
#380519

Contrast Checker

Text on white

10.37:1

AA Pass AAA Pass

Text on black

2.03:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026