#3D3018

#3D3018

Color Values

HEX

#3D3018

RGB

61, 48, 24

HSL

38,9, 43,5%, 16,7%

HSV

38,9, 60,7%, 23,9%

CMYK

0,0%, 21,3%, 60,7%, 76,1%

OKLCH

0,3174 0,0421 81,6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3D3018

#18253D

Analogous

#3D1E18

#383D18

#3D3018

Triadic

#3D3018

#183D30

#30183D

Split Complementary

#3D3018

#18383D

#1E183D

Tetradic

#3D3018

#183D1E

#18253D

#3D1838

Color Blindness Simulation

Original

#3D3018

Protanopia

#37371E

Deuteranopia

#38391F

Tritanopia

#3C2223

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F4EFE7
200
#EBE0CC
300
#DCCAA7
400
#CAAD78
500
#B79048
600
#92733A
700
#755C2E
800
#5B4824
900
#43361D
950
#2B2213

Contrast Checker

Text on white

12,85:1

AA Pass AAA Pass

Text on black

1,63:1

AA Fail AAA Fail

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026