#2E562F

#2E562F

Color Values

HEX

#2E562F

RGB

46, 86, 47

HSL

121.5, 30.3%, 25.9%

HSV

121.5, 46.5%, 33.7%

CMYK

46.5%, 0.0%, 45.3%, 66.3%

OKLCH

0.4126 0.0781 144.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#2E562F

#562E55

Analogous

#41562E

#2E5643

#2E562F

Triadic

#2E562F

#2F2E56

#562F2E

Split Complementary

#2E562F

#432E56

#562E41

Tetradic

#2E562F

#2E4156

#562E55

#56432E

Color Blindness Simulation

Original

#2E562F

Protanopia

#3F4038

Deuteranopia

#3D3A3B

Tritanopia

#304042

Achromatopsia

#4B4B4B

CSS Usage

background-color: #2E562F;
color: #2E562F;
border-color: #2E562F;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F5F9F5
100
#E9F2E9
200
#D0E6D1
300
#AFD4B0
400
#84BD85
500
#59A65B
600
#478549
700
#396A3A
800
#2C532D
900
#233E24
950
#162717

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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