#2F501C

#2F501C

Color Values

HEX

#2F501C

RGB

47, 80, 28

HSL

98,1, 48,1%, 21,2%

HSV

98,1, 65,0%, 31,4%

CMYK

41,2%, 0,0%, 65,0%, 68,6%

OKLCH

0,3928 0,0882 135,7

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#2F501C

#3D1C50

Analogous

#49501C

#1C5023

#2F501C

Triadic

#2F501C

#1C2F50

#501C2F

Split Complementary

#2F501C

#231C50

#501C49

Tetradic

#2F501C

#1C4950

#3D1C50

#50231C

Color Blindness Simulation

Original

#2F501C

Protanopia

#3D3E29

Deuteranopia

#3B392C

Tritanopia

#313335

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#EBF4E6
200
#D7ECCA
300
#BADFA4
400
#94CE73
500
#6FBD42
600
#599735
700
#47792A
800
#375E21
900
#2B451B
950
#1B2C11

Contrast Checker

Text on white

9,19:1

AA Pass AAA Pass

Text on black

2,29: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