#2B9263

#2B9263

Color Values

HEX

#2B9263

RGB

43, 146, 99

HSL

152.6, 54.5%, 37.1%

HSV

152.6, 70.5%, 57.3%

CMYK

70.5%, 0.0%, 32.2%, 42.7%

OKLCH

0.5893 0.1184 159.2

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#2B9263

#922B5A

Analogous

#2B9230

#2B8E92

#2B9263

Triadic

#2B9263

#632B92

#92632B

Split Complementary

#2B9263

#922B8E

#92302B

Tetradic

#2B9263

#302B92

#922B5A

#8E922B

Color Blindness Simulation

Original

#2B9263

Protanopia

#58586E

Deuteranopia

#524A71

Tritanopia

#307779

Achromatopsia

#797979

CSS Usage

background-color: #2B9263;
color: #2B9263;
border-color: #2B9263;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F4FBF8
100
#E5F5EE
200
#C8EFDD
300
#A0E3C5
400
#6DD4A5
500
#3AC586
600
#2E9E6B
700
#257E55
800
#1D6243
900
#194833
950
#102E20

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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