#322227

#322227

Color Values

HEX

#322227

RGB

50, 34, 39

HSL

341.2, 19.0%, 16.5%

HSV

341.2, 32.0%, 19.6%

CMYK

0.0%, 32.0%, 22.0%, 80.4%

OKLCH

0.2733 0.0259 358.5

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#322227

#22322D

Analogous

#32222F

#322522

#322227

Triadic

#322227

#273222

#222732

Split Complementary

#322227

#223225

#222F32

Tetradic

#322227

#2F3222

#22322D

#252232

Color Blindness Simulation

Original

#322227

Protanopia

#2B2B26

Deuteranopia

#2C2D26

Tritanopia

#312525

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F0EAEC
200
#E2D5D9
300
#CDB6BD
400
#B38F9A
500
#986776
600
#79535F
700
#61424C
800
#4C343B
900
#39282D
950
#24191D

Contrast Checker

Text on white

15.07:1

AA Pass AAA Pass

Text on black

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