#2F2416

#2F2416

Color Values

HEX

#2F2416

RGB

47, 36, 22

HSL

33.6, 36.2%, 13.5%

HSV

33.6, 53.2%, 18.4%

CMYK

0.0%, 23.4%, 53.2%, 81.6%

OKLCH

0.269 0.0292 72.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F2416

#16212F

Analogous

#2F1716

#2D2F16

#2F2416

Triadic

#2F2416

#162F24

#24162F

Split Complementary

#2F2416

#162D2F

#17162F

Tetradic

#2F2416

#162F17

#16212F

#2F162D

Color Blindness Simulation

Original

#2F2416

Protanopia

#2A2A19

Deuteranopia

#2B2C1A

Tritanopia

#2E1C1D

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EEE8
200
#E8DDCE
300
#D8C4AC
400
#C3A57E
500
#AE8551
600
#8B6A41
700
#6F5534
800
#574329
900
#403221
950
#292015

Contrast Checker

Text on white

15.16:1

AA Pass AAA Pass

Text on black

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