#3D312F

#3D312F

Color Values

HEX

#3D312F

RGB

61, 49, 47

HSL

8.6, 13.0%, 21.2%

HSV

8.6, 23.0%, 23.9%

CMYK

0.0%, 19.7%, 23.0%, 76.1%

OKLCH

0.3257 0.0179 29.1

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#3D312F

#2F3B3D

Analogous

#3D2F34

#3D382F

#3D312F

Triadic

#3D312F

#2F3D31

#312F3D

Split Complementary

#3D312F

#2F3D38

#2F343D

Tetradic

#3D312F

#343D2F

#2F3B3D

#382F3D

Color Blindness Simulation

Original

#3D312F

Protanopia

#38382F

Deuteranopia

#383930

Tritanopia

#3C3030

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECEB
200
#E0D8D7
300
#CABCBA
400
#AD9894
500
#90746F
600
#735D59
700
#5C4A47
800
#483A37
900
#362C2B
950
#221C1B

Contrast Checker

Text on white

12.51:1

AA Pass AAA Pass

Text on black

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