#343616

#343616

Color Values

HEX

#343616

RGB

52, 54, 22

HSL

63.8, 42.1%, 14.9%

HSV

63.8, 59.3%, 21.2%

CMYK

3.7%, 0.0%, 59.3%, 78.8%

OKLCH

0.3225 0.05 112.1

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#343616

#181636

Analogous

#362816

#243616

#343616

Triadic

#343616

#163436

#361634

Split Complementary

#343616

#162436

#281636

Tetradic

#343616

#163628

#181636

#361624

Color Blindness Simulation

Original

#343616

Protanopia

#35351E

Deuteranopia

#353520

Tritanopia

#342425

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E8EACC
300
#D8DCA8
400
#C3C879
500
#AEB54A
600
#8C913B
700
#70742F
800
#575B25
900
#40431E
950
#292A13

Contrast Checker

Text on white

12.46:1

AA Pass AAA Pass

Text on black

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