#2D1F0C

#2D1F0C

Color Values

HEX

#2D1F0C

RGB

45, 31, 12

HSL

34.5, 57.9%, 11.2%

HSV

34.5, 73.3%, 17.6%

CMYK

0.0%, 31.1%, 73.3%, 82.4%

OKLCH

0.2516 0.0377 73.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2D1F0C

#0C1A2D

Analogous

#2D0F0C

#2B2D0C

#2D1F0C

Triadic

#2D1F0C

#0C2D1F

#1F0C2D

Split Complementary

#2D1F0C

#0C2B2D

#0F0C2D

Tetradic

#2D1F0C

#0C2D0F

#0C1A2D

#2D0C2B

Color Blindness Simulation

Original

#2D1F0C

Protanopia

#272711

Deuteranopia

#282912

Tritanopia

#2C1415

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DEC7
300
#E5C79E
400
#D7A96A
500
#C98B36
600
#A16F2B
700
#815922
800
#65451B
900
#4A3417
950
#2F210F

Contrast Checker

Text on white

16.0:1

AA Pass AAA Pass

Text on black

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