#331220

#331220

Color Values

HEX

#331220

RGB

51, 18, 32

HSL

334.5, 47.8%, 13.5%

HSV

334.5, 64.7%, 20.0%

CMYK

0.0%, 64.7%, 37.3%, 80.0%

OKLCH

0.2389 0.0565 355.6

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331220

#123325

Analogous

#331230

#331412

#331220

Triadic

#331220

#203312

#122033

Split Complementary

#331220

#123314

#123033

Tetradic

#331220

#303312

#123325

#141233

Color Blindness Simulation

Original

#331220

Protanopia

#25241D

Deuteranopia

#27291C

Tritanopia

#311A19

Achromatopsia

#1A1A1A

CSS Usage

background-color: #331220;
color: #331220;
border-color: #331220;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD9
300
#DFA5BD
400
#CE749A
500
#BC4376
600
#97355F
700
#792B4C
800
#5E213B
900
#451C2D
950
#2C111D

Contrast Checker

Text on white

16.83:1

AA Pass AAA Pass

Text on black

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