#2F2B16

#2F2B16

Color Values

HEX

#2F2B16

RGB

47, 43, 22

HSL

50.4, 36.2%, 13.5%

HSV

50.4, 53.2%, 18.4%

CMYK

0.0%, 8.5%, 53.2%, 81.6%

OKLCH

0.2874 0.0351 98.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F2B16

#161A2F

Analogous

#2F1E16

#262F16

#2F2B16

Triadic

#2F2B16

#162F2B

#2B162F

Split Complementary

#2F2B16

#16262F

#1E162F

Tetradic

#2F2B16

#162F1E

#161A2F

#2F1626

Color Blindness Simulation

Original

#2F2B16

Protanopia

#2D2D1B

Deuteranopia

#2E2E1C

Tritanopia

#2F1F20

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F1E8
200
#E8E4CE
300
#D8D1AC
400
#C3B87E
500
#AE9F51
600
#8B7F41
700
#6F6634
800
#574F29
900
#403B21
950
#292515

Contrast Checker

Text on white

14.21:1

AA Pass AAA Pass

Text on black

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