#2B7656

#2B7656

Color Values

HEX

#2B7656

RGB

43, 118, 86

HSL

154.4, 46.6%, 31.6%

HSV

154.4, 63.6%, 46.3%

CMYK

63.6%, 0.0%, 27.1%, 53.7%

OKLCH

0.51 0.0904 162.1

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#2B7656

#762B4B

Analogous

#2B7631

#2B7176

#2B7656

Triadic

#2B7656

#562B76

#76562B

Split Complementary

#2B7656

#762B71

#76312B

Tetradic

#2B7656

#312B76

#762B4B

#71762B

Color Blindness Simulation

Original

#2B7656

Protanopia

#4B4C5E

Deuteranopia

#474260

Tritanopia

#2F6465

Achromatopsia

#646464

CSS Usage

background-color: #2B7656;
color: #2B7656;
border-color: #2B7656;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBECDE
300
#A5DEC6
400
#75CDA7
500
#44BB88
600
#36966D
700
#2C7857
800
#225D44
900
#1C4533
950
#122B20

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

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