#2F4618

#2F4618

Color Values

HEX

#2F4618

RGB

47, 70, 24

HSL

90.0, 48.9%, 18.4%

HSV

90.0, 65.7%, 27.5%

CMYK

32.9%, 0.0%, 65.7%, 72.5%

OKLCH

0.3635 0.0761 131.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#2F4618

#2F1846

Analogous

#464618

#184618

#2F4618

Triadic

#2F4618

#182F46

#46182F

Split Complementary

#2F4618

#181846

#461846

Tetradic

#2F4618

#184646

#2F1846

#461818

Color Blindness Simulation

Original

#2F4618

Protanopia

#393923

Deuteranopia

#383626

Tritanopia

#302C2E

Achromatopsia

#3E3E3E

CSS Usage

background-color: #2F4618;
color: #2F4618;
border-color: #2F4618;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FBF4
100
#EDF5E6
200
#DBEDCA
300
#C2E0A4
400
#A1CF73
500
#80BE41
600
#669834
700
#527A2A
800
#405F21
900
#30461B
950
#1F2C11

Contrast Checker

Text on white

10.45:1

AA Pass AAA Pass

Text on black

2.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026