#331822

#331822

Color Values

HEX

#331822

RGB

51, 24, 34

HSL

337.8, 36.0%, 14.7%

HSV

337.8, 52.9%, 20.0%

CMYK

0.0%, 52.9%, 33.3%, 80.0%

OKLCH

0.251 0.0455 357.3

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#331822

#183329

Analogous

#33182F

#331B18

#331822

Triadic

#331822

#223318

#182233

Split Complementary

#331822

#18331B

#182F33

Tetradic

#331822

#2F3318

#183329

#1B1833

Color Blindness Simulation

Original

#331822

Protanopia

#272720

Deuteranopia

#292B1F

Tritanopia

#321E1D

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E8EC
200
#E8CED8
300
#D8ACBC
400
#C37F98
500
#AD5274
600
#8B415C
700
#6F344A
800
#57293A
900
#40212C
950
#29151C

Contrast Checker

Text on white

16.22:1

AA Pass AAA Pass

Text on black

1.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026