#2F1C09

#2F1C09

Color Values

HEX

#2F1C09

RGB

47, 28, 9

HSL

30.0, 67.9%, 11.0%

HSV

30.0, 80.9%, 18.4%

CMYK

0.0%, 40.4%, 80.9%, 81.6%

OKLCH

0.2467 0.0426 63.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F1C09

#091C2F

Analogous

#2F0909

#2F2F09

#2F1C09

Triadic

#2F1C09

#092F1C

#1C092F

Split Complementary

#2F1C09

#092F2F

#09092F

Tetradic

#2F1C09

#092F09

#091C2F

#2F092F

Color Blindness Simulation

Original

#2F1C09

Protanopia

#27270E

Deuteranopia

#28290F

Tritanopia

#2E1112

Achromatopsia

#1F1F1F

CSS Usage

background-color: #2F1C09;
color: #2F1C09;
border-color: #2F1C09;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F4DBC3
300
#EBC298
400
#E1A161
500
#D68029
600
#AB6621
700
#89521A
800
#6B4014
900
#4E3013
950
#311F0C

Contrast Checker

Text on white

16.27:1

AA Pass AAA Pass

Text on black

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