#820F3D

#820F3D

Color Values

HEX

#820F3D

RGB

130, 15, 61

HSL

336.0, 79.3%, 28.4%

HSV

336.0, 88.5%, 51.0%

CMYK

0.0%, 88.5%, 53.1%, 49.0%

OKLCH

0.398 0.149 4.5

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#820F3D

#0F8254

Analogous

#820F76

#821A0F

#820F3D

Triadic

#820F3D

#3D820F

#0F3D82

Split Complementary

#820F3D

#0F821A

#0F7682

Tetradic

#820F3D

#76820F

#0F8254

#1A0F82

Color Blindness Simulation

Original

#820F3D

Protanopia

#504F32

Deuteranopia

#57602F

Tritanopia

#7C2927

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EB
200
#F8BFD6
300
#F291B8
400
#EB5692
500
#E51A6B
600
#B71556
700
#921145
800
#720D36
900
#530E2A
950
#34091A

Contrast Checker

Text on white

10.07:1

AA Pass AAA Pass

Text on black

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