#2F612A

#2F612A

Color Values

HEX

#2F612A

RGB

47, 97, 42

HSL

114.5, 39.6%, 27.3%

HSV

114.5, 56.7%, 38.0%

CMYK

51.5%, 0.0%, 56.7%, 62.0%

OKLCH

0.4435 0.1009 141.9

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#2F612A

#5C2A61

Analogous

#4B612A

#2A6141

#2F612A

Triadic

#2F612A

#2A2F61

#612A2F

Split Complementary

#2F612A

#412A61

#612A4B

Tetradic

#2F612A

#2A4B61

#5C2A61

#61412A

Color Blindness Simulation

Original

#2F612A

Protanopia

#454537

Deuteranopia

#423E3A

Tritanopia

#324244

Achromatopsia

#525252

CSS Usage

background-color: #2F612A;
color: #2F612A;
border-color: #2F612A;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F5FAF5
100
#E8F3E7
200
#D0E9CD
300
#AEDAAA
400
#82C67B
500
#56B24D
600
#458E3E
700
#377231
800
#2B5927
900
#22421F
950
#162A14

Contrast Checker

Text on white

7.33:1

AA Pass AAA Pass

Text on black

2.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026