#321111

#321111

Color Values

HEX

#321111

RGB

50, 17, 17

HSL

0.0, 49.3%, 13.1%

HSV

0.0, 66.0%, 19.6%

CMYK

0.0%, 66.0%, 66.0%, 80.4%

OKLCH

0.2301 0.0538 22.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#321111

#113232

Analogous

#321121

#322111

#321111

Triadic

#321111

#113211

#111132

Split Complementary

#321111

#113221

#112132

Tetradic

#321111

#213211

#113232

#211132

Color Blindness Simulation

Original

#321111

Protanopia

#242311

Deuteranopia

#262811

Tritanopia

#301111

Achromatopsia

#181818

CSS Usage

background-color: #321111;
color: #321111;
border-color: #321111;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF4F4
100
#F5E6E6
200
#EDCACA
300
#E0A4A4
400
#CF7272
500
#BE4141
600
#983434
700
#7A2929
800
#5F2020
900
#461B1B
950
#2C1111

Contrast Checker

Text on white

17.16:1

AA Pass AAA Pass

Text on black

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