#2F1600

#2F1600

Color Values

HEX

#2F1600

RGB

47, 22, 0

HSL

28.1, 100.0%, 9.2%

HSV

28.1, 100.0%, 18.4%

CMYK

0.0%, 53.2%, 100.0%, 81.6%

OKLCH

0.2314 0.054 60.5

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2F1600

#00192F

Analogous

#2F0001

#2F2D00

#2F1600

Triadic

#2F1600

#002F16

#16002F

Split Complementary

#2F1600

#002F2D

#00012F

Tetradic

#2F1600

#012F00

#00192F

#2D002F

Color Blindness Simulation

Original

#2F1600

Protanopia

#242405

Deuteranopia

#262807

Tritanopia

#2E0A0A

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDE
200
#FFD9B8
300
#FFBE85
400
#FF9B42
500
#FF7700
600
#CC6000
700
#A34C00
800
#803C00
900
#5C2E05
950
#3A1D03

Contrast Checker

Text on white

17.0:1

AA Pass AAA Pass

Text on black

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