#312423

#312423

Color Values

HEX

#312423

RGB

49, 36, 35

HSL

4.3, 16.7%, 16.5%

HSV

4.3, 28.6%, 19.2%

CMYK

0.0%, 26.5%, 28.6%, 80.8%

OKLCH

0.2753 0.02 23.5

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#312423

#233031

Analogous

#312329

#312B23

#312423

Triadic

#312423

#233124

#242331

Split Complementary

#312423

#23312B

#232931

Tetradic

#312423

#293123

#233031

#2B2331

Color Blindness Simulation

Original

#312423

Protanopia

#2B2B23

Deuteranopia

#2C2D23

Tritanopia

#302323

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D6D5
300
#CCB9B8
400
#B09391
500
#956D6A
600
#775755
700
#5F4644
800
#4A3735
900
#382A29
950
#231B1A

Contrast Checker

Text on white

14.92:1

AA Pass AAA Pass

Text on black

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