#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026