#321F1E

#321F1E

Color Values

HEX

#321F1E

RGB

50, 31, 30

HSL

3.0, 25.0%, 15.7%

HSV

3.0, 40.0%, 19.6%

CMYK

0.0%, 38.0%, 40.0%, 80.4%

OKLCH

0.2632 0.0299 22.6

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#321F1E

#1E3132

Analogous

#321E27

#32291E

#321F1E

Triadic

#321F1E

#1E321F

#1F1E32

Split Complementary

#321F1E

#1E3229

#1E2732

Tetradic

#321F1E

#27321E

#1E3132

#291E32

Color Blindness Simulation

Original

#321F1E

Protanopia

#2A2A1E

Deuteranopia

#2B2C1E

Tritanopia

#311E1E

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1EAE9
200
#E4D3D2
300
#D1B4B2
400
#B88B89
500
#9F6360
600
#804F4D
700
#663F3D
800
#503130
900
#3B2726
950
#251818

Contrast Checker

Text on white

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