#2CA050

#2CA050

Color Values

HEX

#2CA050

RGB

44, 160, 80

HSL

138.6, 56.9%, 40.0%

HSV

138.6, 72.5%, 62.7%

CMYK

72.5%, 0.0%, 50.0%, 37.3%

OKLCH

0.6236 0.1552 149.4

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#2CA050

#A02C7C

Analogous

#42A02C

#2CA08A

#2CA050

Triadic

#2CA050

#502CA0

#A0502C

Split Complementary

#2CA050

#8A2CA0

#A02C42

Tetradic

#2CA050

#2C42A0

#A02C7C

#A08A2C

Color Blindness Simulation

Original

#2CA050

Protanopia

#5E5F63

Deuteranopia

#584F68

Tritanopia

#327376

Achromatopsia

#828282

CSS Usage

background-color: #2CA050;
color: #2CA050;
border-color: #2CA050;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F4FBF6
100
#E5F6EA
200
#C7F0D4
300
#9FE5B5
400
#6BD68C
500
#37C864
600
#2CA050
700
#238040
800
#1B6432
900
#184927
950
#0F2E19

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

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