#2F312E

#2F312E

Color Values

HEX

#2F312E

RGB

47, 49, 46

HSL

100.0, 3.2%, 18.6%

HSV

100.0, 6.1%, 19.2%

CMYK

4.1%, 0.0%, 6.1%, 80.8%

OKLCH

0.3101 0.006 134.9

Properties

Cool Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#2F312E

#302E31

Analogous

#30312E

#2E312E

#2F312E

Triadic

#2F312E

#2E2F31

#312E2F

Split Complementary

#2F312E

#2E2E31

#312E30

Tetradic

#2F312E

#2E3031

#302E31

#312E2E

Color Blindness Simulation

Original

#2F312E

Protanopia

#30302F

Deuteranopia

#30302F

Tritanopia

#2F2F2F

Achromatopsia

#303030

CSS Usage

background-color: #2F312E;
color: #2F312E;
border-color: #2F312E;
Nearest Tailwind: Neutral 800 #262626

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DBDCDA
300
#C1C4C0
400
#A0A49E
500
#7E847B
600
#656963
700
#51544F
800
#3F423E
900
#30322F
950
#1E1F1E

Contrast Checker

Text on white

13.13:1

AA Pass AAA Pass

Text on black

1.6:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026