#2DA52C

#2DA52C

Color Values

HEX

#2DA52C

RGB

45, 165, 44

HSL

119.5, 57.9%, 41.0%

HSV

119.5, 73.3%, 64.7%

CMYK

72.7%, 0.0%, 73.3%, 35.3%

OKLCH

0.6332 0.1894 142.8

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#2DA52C

#A42CA5

Analogous

#6AA52C

#2CA568

#2DA52C

Triadic

#2DA52C

#2C2DA5

#A52C2D

Split Complementary

#2DA52C

#682CA5

#A52C6A

Tetradic

#2DA52C

#2C6AA5

#A42CA5

#A5682C

Color Blindness Simulation

Original

#2DA52C

Protanopia

#616249

Deuteranopia

#5A5150

Tritanopia

#336065

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F6E4
200
#C7F0C7
300
#9FE59E
400
#6BD76A
500
#37C936
600
#2CA12B
700
#238122
800
#1B651B
900
#184A17
950
#0F2F0F

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026