#2C6532

#2C6532

Color Values

HEX

#2C6532

RGB

44, 101, 50

HSL

126.3, 39.3%, 28.4%

HSV

126.3, 56.4%, 39.6%

CMYK

56.4%, 0.0%, 50.5%, 60.4%

OKLCH

0.4549 0.1005 145.8

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#2C6532

#652C5F

Analogous

#42652C

#2C654E

#2C6532

Triadic

#2C6532

#322C65

#65322C

Split Complementary

#2C6532

#4E2C65

#652C42

Tetradic

#2C6532

#2C4265

#652C5F

#654E2C

Color Blindness Simulation

Original

#2C6532

Protanopia

#45453E

Deuteranopia

#413D41

Tritanopia

#2F484A

Achromatopsia

#555555

CSS Usage

background-color: #2C6532;
color: #2C6532;
border-color: #2C6532;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDE9D0
300
#AADAAF
400
#7CC683
500
#4DB258
600
#3E8E46
700
#327238
800
#27592C
900
#1F4223
950
#142916

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

3.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