#2F552A

#2F552A

Color Values

HEX

#2F552A

RGB

47, 85, 42

HSL

113.0, 33.9%, 24.9%

HSV

113.0, 50.6%, 33.3%

CMYK

44.7%, 0.0%, 50.6%, 66.7%

OKLCH

0.4093 0.0815 141.5

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#2F552A

#502A55

Analogous

#45552A

#2A553A

#2F552A

Triadic

#2F552A

#2A2F55

#552A2F

Split Complementary

#2F552A

#3A2A55

#552A45

Tetradic

#2F552A

#2A4555

#502A55

#553A2A

Color Blindness Simulation

Original

#2F552A

Protanopia

#3F4034

Deuteranopia

#3D3A37

Tritanopia

#313D3E

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F2E8
200
#D2E7CF
300
#B2D7AD
400
#88C181
500
#5EAB54
600
#4B8943
700
#3C6D36
800
#2F552A
900
#253F22
950
#172815

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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