#320C1B

#320C1B

Color Values

HEX

#320C1B

RGB

50, 12, 27

HSL

336.3, 61.3%, 12.2%

HSV

336.3, 76.0%, 19.6%

CMYK

0.0%, 76.0%, 46.0%, 80.4%

OKLCH

0.2252 0.0638 359.1

Properties

Warm Dark Nearest: RAL 4007 Purple Violet

Color Harmonies

Complementary

#320C1B

#0C3223

Analogous

#320C2E

#32100C

#320C1B

Triadic

#320C1B

#1B320C

#0C1B32

Split Complementary

#320C1B

#0C3210

#0C2E32

Tetradic

#320C1B

#2E320C

#0C3223

#100C32

Color Blindness Simulation

Original

#320C1B

Protanopia

#222117

Deuteranopia

#242716

Tritanopia

#301514

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4EB
200
#F1C5D7
300
#E79CBA
400
#DA6795
500
#CE316F
600
#A52759
700
#842047
800
#671938
900
#4B162B
950
#2F0E1B

Contrast Checker

Text on white

17.44:1

AA Pass AAA Pass

Text on black

1.2:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026