#321C2E

#321C2E

Color Values

HEX

#321C2E

RGB

50, 28, 46

HSL

310.9, 28.2%, 15.3%

HSV

310.9, 44.0%, 19.6%

CMYK

0.0%, 44.0%, 8.0%, 80.4%

OKLCH

0.2631 0.0456 333.6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#321C2E

#1C3220

Analogous

#2B1C32

#321C23

#321C2E

Triadic

#321C2E

#2E321C

#1C2E32

Split Complementary

#321C2E

#23321C

#1C322B

Tetradic

#321C2E

#322B1C

#1C3220

#1C2332

Color Blindness Simulation

Original

#321C2E

Protanopia

#28282A

Deuteranopia

#2A2B29

Tritanopia

#312625

Achromatopsia

#222222

CSS Usage

background-color: #321C2E;
color: #321C2E;
border-color: #321C2E;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#F9F6F9
100
#F1E9F0
200
#E5D1E2
300
#D3B1CD
400
#BB86B2
500
#A35C96
600
#834978
700
#693B60
800
#522E4B
900
#3D2438
950
#261724

Contrast Checker

Text on white

15.66:1

AA Pass AAA Pass

Text on black

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