#2C1600

#2C1600

Color Values

HEX

#2C1600

RGB

44, 22, 0

HSL

30.0, 100.0%, 8.6%

HSV

30.0, 100.0%, 17.3%

CMYK

0.0%, 50.0%, 100.0%, 82.7%

OKLCH

0.2263 0.051 64.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2C1600

#00162C

Analogous

#2C0000

#2C2C00

#2C1600

Triadic

#2C1600

#002C16

#16002C

Split Complementary

#2C1600

#002C2C

#00002C

Tetradic

#2C1600

#002C00

#00162C

#2C002C

Color Blindness Simulation

Original

#2C1600

Protanopia

#222205

Deuteranopia

#242507

Tritanopia

#2B0A0A

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FFDBB8
300
#FFC285
400
#FFA142
500
#FF8000
600
#CC6600
700
#A35200
800
#804000
900
#5C3005
950
#3A1F03

Contrast Checker

Text on white

17.19:1

AA Pass AAA Pass

Text on black

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