#311822

#311822

Color Values

HEX

#311822

RGB

49, 24, 34

HSL

336.0, 34.2%, 14.3%

HSV

336.0, 51.0%, 19.2%

CMYK

0.0%, 51.0%, 30.6%, 80.8%

OKLCH

0.2478 0.0427 355.2

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311822

#183127

Analogous

#31182E

#311A18

#311822

Triadic

#311822

#223118

#182231

Split Complementary

#311822

#18311A

#182E31

Tetradic

#311822

#2E3118

#183127

#1A1831

Color Blindness Simulation

Original

#311822

Protanopia

#262620

Deuteranopia

#282A1F

Tritanopia

#301E1D

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F2E8EC
200
#E8CFD9
300
#D7ADBE
400
#C1809A
500
#AB5477
600
#89435F
700
#6E364C
800
#562A3B
900
#3F222D
950
#28151D

Contrast Checker

Text on white

16.35:1

AA Pass AAA Pass

Text on black

1.28:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026