#2C7C4F

#2C7C4F

Color Values

HEX

#2C7C4F

RGB

44, 124, 79

HSL

146.2, 47.6%, 32.9%

HSV

146.2, 64.5%, 48.6%

CMYK

64.5%, 0.0%, 36.3%, 51.4%

OKLCH

0.5251 0.1056 155.3

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#2C7C4F

#7C2C59

Analogous

#317C2C

#2C7C77

#2C7C4F

Triadic

#2C7C4F

#4F2C7C

#7C4F2C

Split Complementary

#2C7C4F

#772C7C

#7C2C31

Tetradic

#2C7C4F

#2C317C

#7C2C59

#7C772C

Color Blindness Simulation

Original

#2C7C4F

Protanopia

#4F4F5A

Deuteranopia

#4A445C

Tritanopia

#306264

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECD9
300
#A5DFBE
400
#74CE9B
500
#43BC78
600
#359760
700
#2B784D
800
#215E3C
900
#1C452E
950
#112C1D

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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