#2F1C12

#2F1C12

Color Values

HEX

#2F1C12

RGB

47, 28, 18

HSL

20.7, 44.6%, 12.7%

HSV

20.7, 61.7%, 18.4%

CMYK

0.0%, 40.4%, 61.7%, 81.6%

OKLCH

0.2484 0.0351 48.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F1C12

#12252F

Analogous

#2F1216

#2F2A12

#2F1C12

Triadic

#2F1C12

#122F1C

#1C122F

Split Complementary

#2F1C12

#122F2A

#12162F

Tetradic

#2F1C12

#162F12

#12252F

#2A122F

Color Blindness Simulation

Original

#2F1C12

Protanopia

#272714

Deuteranopia

#282915

Tritanopia

#2E1617

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FAF6F4
100
#F4EBE6
200
#EBD6CB
300
#DDB9A7
400
#CB9477
500
#B86E47
600
#935839
700
#76462D
800
#5C3723
900
#442A1D
950
#2B1B12

Contrast Checker

Text on white

16.21:1

AA Pass AAA Pass

Text on black

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