#3D2202

#3D2202

Color Values

HEX

#3D2202

RGB

61, 34, 2

HSL

32.5, 93.7%, 12.4%

HSV

32.5, 96.7%, 23.9%

CMYK

0.0%, 44.3%, 96.7%, 76.1%

OKLCH

0.2813 0.0604 65.6

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#3D2202

#021D3D

Analogous

#3D0402

#3B3D02

#3D2202

Triadic

#3D2202

#023D22

#22023D

Split Complementary

#3D2202

#023B3D

#04023D

Tetradic

#3D2202

#023D04

#021D3D

#3D023B

Color Blindness Simulation

Original

#3D2202

Protanopia

#31310A

Deuteranopia

#33350C

Tritanopia

#3C1011

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FDDEBA
300
#FBC788
400
#F9A848
500
#F78908
600
#C66E06
700
#9E5805
800
#7B4504
900
#593408
950
#382105

Contrast Checker

Text on white

14.7:1

AA Pass AAA Pass

Text on black

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