#2B7553

#2B7553

Color Values

HEX

#2B7553

RGB

43, 117, 83

HSL

152.4, 46.2%, 31.4%

HSV

152.4, 63.2%, 45.9%

CMYK

63.2%, 0.0%, 29.1%, 54.1%

OKLCH

0.5065 0.0918 160.4

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#2B7553

#752B4D

Analogous

#2B752E

#2B7275

#2B7553

Triadic

#2B7553

#532B75

#75532B

Split Complementary

#2B7553

#752B72

#752E2B

Tetradic

#2B7553

#2E2B75

#752B4D

#72752B

Color Blindness Simulation

Original

#2B7553

Protanopia

#4B4C5B

Deuteranopia

#47415D

Tritanopia

#2F6263

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F4FAF8
100
#E6F4EE
200
#CBECDD
300
#A6DEC4
400
#75CCA4
500
#45BA84
600
#37956A
700
#2C7755
800
#225D42
900
#1C4532
950
#122B20

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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