#2A552B

#2A552B

Color Values

HEX

#2A552B

RGB

42, 85, 43

HSL

121,4, 33,9%, 24,9%

HSV

121,4, 50,6%, 33,3%

CMYK

50,6%, 0,0%, 49,4%, 66,7%

OKLCH

0,4068 0,0835 144,3

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#2A552B

#552A54

Analogous

#3E552A

#2A5540

#2A552B

Triadic

#2A552B

#2B2A55

#552B2A

Split Complementary

#2A552B

#402A55

#552A3E

Tetradic

#2A552B

#2A3E55

#552A54

#55402A

Color Blindness Simulation

Original

#2A552B

Protanopia

#3D3D35

Deuteranopia

#3A3738

Tritanopia

#2C3D3F

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE7D0
300
#ADD7AE
400
#81C182
500
#54AB56
600
#438945
700
#366D37
800
#2A552B
900
#223F22
950
#152816

Contrast Checker

Text on white

8,63:1

AA Pass AAA Pass

Text on black

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