#2DA053

#2DA053

Color Values

HEX

#2DA053

RGB

45, 160, 83

HSL

139.8, 56.1%, 40.2%

HSV

139.8, 71.9%, 62.7%

CMYK

71.9%, 0.0%, 48.1%, 37.3%

OKLCH

0.6244 0.1521 150.1

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#2DA053

#A02D7A

Analogous

#41A02D

#2DA08C

#2DA053

Triadic

#2DA053

#532DA0

#A0532D

Split Complementary

#2DA053

#8C2DA0

#A02D41

Tetradic

#2DA053

#2D41A0

#A02D7A

#A08C2D

Color Blindness Simulation

Original

#2DA053

Protanopia

#5F6066

Deuteranopia

#58506A

Tritanopia

#337478

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E5F6EA
200
#C7EFD4
300
#9FE4B6
400
#6CD68F
500
#38C767
600
#2D9F53
700
#247F42
800
#1C6434
900
#184928
950
#0F2E19

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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