#3F2F28

#3F2F28

Color Values

HEX

#3F2F28

RGB

63, 47, 40

HSL

18.3, 22.3%, 20.2%

HSV

18.3, 36.5%, 24.7%

CMYK

0.0%, 25.4%, 36.5%, 75.3%

OKLCH

0.3212 0.0266 44.8

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#3F2F28

#28383F

Analogous

#3F282D

#3F3B28

#3F2F28

Triadic

#3F2F28

#283F2F

#2F283F

Split Complementary

#3F2F28

#283F3B

#282D3F

Tetradic

#3F2F28

#2D3F28

#28383F

#3B283F

Color Blindness Simulation

Original

#3F2F28

Protanopia

#38382A

Deuteranopia

#393A2A

Tritanopia

#3E2B2B

Achromatopsia

#323232

CSS Usage

background-color: #3F2F28;
color: #3F2F28;
border-color: #3F2F28;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D8D3
300
#CFBCB4
400
#B6988C
500
#9C7463
600
#7D5D4F
700
#644B3F
800
#4E3A32
900
#3A2D27
950
#251C18

Contrast Checker

Text on white

12.74:1

AA Pass AAA Pass

Text on black

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