#2D3216

#2D3216

Color Values

HEX

#2D3216

RGB

45, 50, 22

HSL

70.7, 38.9%, 14.1%

HSV

70.7, 56.0%, 19.6%

CMYK

10.0%, 0.0%, 56.0%, 80.4%

OKLCH

0.3045 0.0459 117.5

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#2D3216

#1B1632

Analogous

#322916

#1F3216

#2D3216

Triadic

#2D3216

#162D32

#32162D

Split Complementary

#2D3216

#161F32

#291632

Tetradic

#2D3216

#163229

#1B1632

#32161F

Color Blindness Simulation

Original

#2D3216

Protanopia

#2F2F1D

Deuteranopia

#2F2E1E

Tritanopia

#2D2223

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E4E9CD
300
#D1DAAA
400
#B8C57C
500
#9FB14E
600
#808E3E
700
#667132
800
#505927
900
#3B411F
950
#252914

Contrast Checker

Text on white

13.3:1

AA Pass AAA Pass

Text on black

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