#321F22

#321F22

Color Values

HEX

#321F22

RGB

50, 31, 34

HSL

350,5, 23,5%, 15,9%

HSV

350,5, 38,0%, 19,6%

CMYK

0,0%, 38,0%, 32,0%, 80,4%

OKLCH

0,2645 0,03 8,9

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#321F22

#1F322F

Analogous

#321F2C

#32261F

#321F22

Triadic

#321F22

#22321F

#1F2232

Split Complementary

#321F22

#1F3226

#1F2C32

Tetradic

#321F22

#2C321F

#1F322F

#261F32

Color Blindness Simulation

Original

#321F22

Protanopia

#2A2A21

Deuteranopia

#2B2C21

Tritanopia

#312121

Achromatopsia

#232323

CSS Usage

background-color: #321F22;
color: #321F22;
border-color: #321F22;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#F9F6F6
100
#F1EAEB
200
#E4D3D6
300
#D0B3B8
400
#B78A91
500
#9D626B
600
#7E4E56
700
#653E44
800
#4F3136
900
#3B2629
950
#25181A

Contrast Checker

Text on white

15,5:1

AA Pass AAA Pass

Text on black

1,35: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