#2B8461

#2B8461

Color Values

HEX

#2B8461

RGB

43, 132, 97

HSL

156.4, 50.9%, 34.3%

HSV

156.4, 67.4%, 51.8%

CMYK

67.4%, 0.0%, 26.5%, 48.2%

OKLCH

0.551 0.1007 163.3

Properties

Cool Dark Nearest: Illuminating Emerald

Color Harmonies

Complementary

#2B8461

#842B4E

Analogous

#2B8434

#2B7A84

#2B8461

Triadic

#2B8461

#612B84

#84612B

Split Complementary

#2B8461

#842B7A

#84342B

Tetradic

#2B8461

#342B84

#842B4E

#7A842B

Color Blindness Simulation

Original

#2B8461

Protanopia

#525269

Deuteranopia

#4C466C

Tritanopia

#2F7072

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C9EDDF
300
#A3E1C8
400
#71D1AB
500
#3FC08D
600
#329A71
700
#287B5A
800
#1F6047
900
#1A4735
950
#112D22

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass 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