#370222

#370222

Color Values

HEX

#370222

RGB

55, 2, 34

HSL

323.8, 93.0%, 11.2%

HSV

323.8, 96.4%, 21.6%

CMYK

0.0%, 96.4%, 38.2%, 78.4%

OKLCH

0.2253 0.0896 349.3

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#370222

#023717

Analogous

#320237

#370207

#370222

Triadic

#370222

#223702

#022237

Split Complementary

#370222

#073702

#023732

Tetradic

#370222

#373202

#023717

#020737

Color Blindness Simulation

Original

#370222

Protanopia

#20201A

Deuteranopia

#232718

Tritanopia

#341413

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#FDF1F9
100
#FBDFF0
200
#FDBAE2
300
#FB89CE
400
#F849B3
500
#F60998
600
#C5077A
700
#9D0661
800
#7B044C
900
#590839
950
#380524

Contrast Checker

Text on white

17.58:1

AA Pass AAA Pass

Text on black

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