#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

1월 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1월 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1월 15, 2026