#3D2318

#3D2318

Color Values

HEX

#3D2318

RGB

61, 35, 24

HSL

17.8, 43.5%, 16.7%

HSV

17.8, 60.7%, 23.9%

CMYK

0.0%, 42.6%, 60.7%, 76.1%

OKLCH

0.2869 0.0444 43.5

Properties

Warm Dark Nearest: RAL 8016 Mahogany Brown

Color Harmonies

Complementary

#3D2318

#18323D

Analogous

#3D1820

#3D3618

#3D2318

Triadic

#3D2318

#183D23

#23183D

Split Complementary

#3D2318

#183D36

#18203D

Tetradic

#3D2318

#203D18

#18323D

#36183D

Color Blindness Simulation

Original

#3D2318

Protanopia

#32321B

Deuteranopia

#33351B

Tritanopia

#3C1D1D

Achromatopsia

#282828

CSS Usage

background-color: #3D2318;
color: #3D2318;
border-color: #3D2318;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF6F5
100
#F4EAE7
200
#EBD5CC
300
#DCB7A7
400
#CA9078
500
#B76948
600
#92543A
700
#75432E
800
#5B3424
900
#43291D
950
#2B1A13

Contrast Checker

Text on white

14.46:1

AA Pass AAA Pass

Text on black

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