#2C1417

#2C1417

Color Values

HEX

#2C1417

RGB

44, 20, 23

HSL

352.5, 37.5%, 12.5%

HSV

352.5, 54.5%, 17.3%

CMYK

0.0%, 54.5%, 47.7%, 82.7%

OKLCH

0.2271 0.0395 12.7

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#2C1417

#142C29

Analogous

#2C1423

#2C1D14

#2C1417

Triadic

#2C1417

#172C14

#14172C

Split Complementary

#2C1417

#142C1D

#14232C

Tetradic

#2C1417

#232C14

#142C29

#1D142C

Color Blindness Simulation

Original

#2C1417

Protanopia

#222116

Deuteranopia

#232516

Tritanopia

#2B1616

Achromatopsia

#191919

CSS Usage

background-color: #2C1417;
color: #2C1417;
border-color: #2C1417;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#FAF5F6
100
#F3E7E9
200
#E9CED1
300
#D9ABB1
400
#C47D86
500
#AF505C
600
#8C4049
700
#70333B
800
#58282E
900
#412024
950
#291417

Contrast Checker

Text on white

17.22:1

AA Pass AAA Pass

Text on black

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