#2F1418

#2F1418

Color Values

HEX

#2F1418

RGB

47, 20, 24

HSL

351.1, 40.3%, 13.1%

HSV

351.1, 57.4%, 18.4%

CMYK

0.0%, 57.4%, 48.9%, 81.6%

OKLCH

0.2326 0.0442 11.7

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#2F1418

#142F2B

Analogous

#2F1425

#2F1D14

#2F1418

Triadic

#2F1418

#182F14

#14182F

Split Complementary

#2F1418

#142F1D

#14252F

Tetradic

#2F1418

#252F14

#142F2B

#1D142F

Color Blindness Simulation

Original

#2F1418

Protanopia

#232317

Deuteranopia

#252717

Tritanopia

#2E1616

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7E9
200
#EACDD1
300
#DAA9B0
400
#C77B86
500
#B34C5B
600
#8F3D49
700
#72313A
800
#59262E
900
#421F24
950
#2A1417

Contrast Checker

Text on white

17.02:1

AA Pass AAA Pass

Text on black

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