#2C1302

#2C1302

Color Values

HEX

#2C1302

RGB

44, 19, 2

HSL

24.3, 91.3%, 9.0%

HSV

24.3, 95.5%, 17.3%

CMYK

0.0%, 56.8%, 95.5%, 82.7%

OKLCH

0.22 0.0505 54.4

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2C1302

#021B2C

Analogous

#2C0206

#2C2802

#2C1302

Triadic

#2C1302

#022C13

#13022C

Split Complementary

#2C1302

#022C28

#02062C

Tetradic

#2C1302

#062C02

#021B2C

#28022C

Color Blindness Simulation

Original

#2C1302

Protanopia

#212106

Deuteranopia

#232407

Tritanopia

#2B090A

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD5BB
300
#FAB78A
400
#F7904B
500
#F4690B
600
#C35409
700
#9C4307
800
#7A3506
900
#582909
950
#381A05

Contrast Checker

Text on white

17.48:1

AA Pass AAA Pass

Text on black

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