#313124

#313124

Color Values

HEX

#313124

RGB

49, 49, 36

HSL

60.0, 15.3%, 16.7%

HSV

60.0, 26.5%, 19.2%

CMYK

0.0%, 0.0%, 26.5%, 80.8%

OKLCH

0.309 0.0222 107.6

Properties

Warm Dark Nearest: RAL 6008 Brown Green

Color Harmonies

Complementary

#313124

#242431

Analogous

#312B24

#2B3124

#313124

Triadic

#313124

#243131

#312431

Split Complementary

#313124

#242B31

#2B2431

Tetradic

#313124

#24312B

#242431

#31242B

Color Blindness Simulation

Original

#313124

Protanopia

#313127

Deuteranopia

#313128

Tritanopia

#312A2A

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEFEB
200
#E1E1D6
300
#CBCBB8
400
#AFAF92
500
#93936C
600
#767656
700
#5E5E45
800
#4A4A36
900
#37372A
950
#23231A

Contrast Checker

Text on white

13.16:1

AA Pass AAA Pass

Text on black

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