#2D6F24

#2D6F24

Color Values

HEX

#2D6F24

RGB

45, 111, 36

HSL

112.8, 51.0%, 28.8%

HSV

112.8, 67.6%, 43.5%

CMYK

59.5%, 0.0%, 67.6%, 56.5%

OKLCH

0.4818 0.1279 141.3

Properties

Cool Dark Nearest: RAL 6001 Emerald Green

Color Harmonies

Complementary

#2D6F24

#66246F

Analogous

#526F24

#246F40

#2D6F24

Triadic

#2D6F24

#242D6F

#6F242D

Split Complementary

#2D6F24

#40246F

#6F2452

Tetradic

#2D6F24

#24526F

#66246F

#6F4024

Color Blindness Simulation

Original

#2D6F24

Protanopia

#4A4A36

Deuteranopia

#46413A

Tritanopia

#304448

Achromatopsia

#5C5C5C

CSS Usage

background-color: #2D6F24;
color: #2D6F24;
border-color: #2D6F24;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FBF4
100
#E7F5E5
200
#CDEEC9
300
#AAE1A3
400
#7CD171
500
#4EC13E
600
#3E9A32
700
#327B28
800
#27601F
900
#20471A
950
#142D11

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

3.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026