#321516

#321516

Color Values

HEX

#321516

RGB

50, 21, 22

HSL

357.9, 40.8%, 13.9%

HSV

357.9, 58.0%, 19.6%

CMYK

0.0%, 58.0%, 56.0%, 80.4%

OKLCH

0.2391 0.047 19.1

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#321516

#153231

Analogous

#321524

#322215

#321516

Triadic

#321516

#163215

#151632

Split Complementary

#321516

#153222

#152432

Tetradic

#321516

#243215

#153231

#221532

Color Blindness Simulation

Original

#321516

Protanopia

#252516

Deuteranopia

#272916

Tritanopia

#311616

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#EACDCE
300
#DBA9AB
400
#C77A7D
500
#B44B4F
600
#903C3F
700
#733033
800
#5A2628
900
#421F20
950
#2A1314

Contrast Checker

Text on white

16.74:1

AA Pass AAA Pass

Text on black

1.25:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026