#3C3517

#3C3517

Color Values

HEX

#3C3517

RGB

60, 53, 23

HSL

48.6, 44.6%, 16.3%

HSV

48.6, 61.7%, 23.5%

CMYK

0.0%, 11.7%, 61.7%, 76.5%

OKLCH

0.3287 0.0471 96.5

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#3C3517

#171E3C

Analogous

#3C2317

#313C17

#3C3517

Triadic

#3C3517

#173C35

#35173C

Split Complementary

#3C3517

#17313C

#23173C

Tetradic

#3C3517

#173C23

#171E3C

#3C1731

Color Blindness Simulation

Original

#3C3517

Protanopia

#39391E

Deuteranopia

#393A20

Tritanopia

#3C2425

Achromatopsia

#343434

CSS Usage

background-color: #3C3517;
color: #3C3517;
border-color: #3C3517;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE5CB
300
#DDD3A7
400
#CBBB77
500
#B8A347
600
#938239
700
#76682D
800
#5C5123
900
#443D1D
950
#2B2612

Contrast Checker

Text on white

12.25:1

AA Pass AAA Pass

Text on black

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