#2B8522

#2B8522

Color Values

HEX

#2B8522

RGB

43, 133, 34

HSL

114.5, 59.3%, 32.7%

HSV

114.5, 74.4%, 52.2%

CMYK

67.7%, 0.0%, 74.4%, 47.8%

OKLCH

0.5432 0.1586 141.8

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#2B8522

#7C2285

Analogous

#5C8522

#22854A

#2B8522

Triadic

#2B8522

#222B85

#85222B

Split Complementary

#2B8522

#4A2285

#85225C

Tetradic

#2B8522

#225C85

#7C2285

#854A22

Color Blindness Simulation

Original

#2B8522

Protanopia

#52533A

Deuteranopia

#4D4640

Tritanopia

#304D51

Achromatopsia

#6B6B6B

CSS Usage

background-color: #2B8522;
color: #2B8522;
border-color: #2B8522;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F4FBF3
100
#E6F6E4
200
#CAF0C6
300
#A4E69E
400
#73D969
500
#42CB34
600
#35A22A
700
#2A8221
800
#21661A
900
#1B4A17
950
#112F0E

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026