#313126

#313126

Color Values

HEX

#313126

RGB

49, 49, 38

HSL

60.0, 12.6%, 17.1%

HSV

60.0, 22.4%, 19.2%

CMYK

0.0%, 0.0%, 22.4%, 80.8%

OKLCH

0.3095 0.0189 107.5

Properties

Warm Dark Nearest: RAL 6008 Brown Green

Color Harmonies

Complementary

#313126

#262631

Analogous

#312C26

#2C3126

#313126

Triadic

#313126

#263131

#312631

Split Complementary

#313126

#262C31

#2C2631

Tetradic

#313126

#26312C

#262631

#31262C

Color Blindness Simulation

Original

#313126

Protanopia

#313129

Deuteranopia

#313129

Tritanopia

#312B2B

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0E0D7
300
#CACABA
400
#ADAD95
500
#90906F
600
#737359
700
#5C5C47
800
#484838
900
#36362B
950
#22221B

Contrast Checker

Text on white

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