#2F1018

#2F1018

Color Values

HEX

#2F1018

RGB

47, 16, 24

HSL

344.5, 49.2%, 12.4%

HSV

344.5, 66.0%, 18.4%

CMYK

0.0%, 66.0%, 48.9%, 81.6%

OKLCH

0.225 0.0516 6.0

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#2F1018

#102F27

Analogous

#2F1028

#2F1810

#2F1018

Triadic

#2F1018

#182F10

#10182F

Split Complementary

#2F1018

#102F18

#10282F

Tetradic

#2F1018

#282F10

#102F27

#18102F

Color Blindness Simulation

Original

#2F1018

Protanopia

#222116

Deuteranopia

#232616

Tritanopia

#2D1514

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E6EA
200
#EDCAD3
300
#E0A4B3
400
#CF728A
500
#BE4161
600
#98344E
700
#7A293E
800
#5F2031
900
#461B26
950
#2C1118

Contrast Checker

Text on white

17.38:1

AA Pass AAA Pass

Text on black

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