#2ACA78

#2ACA78

Color Values

HEX

#2ACA78

RGB

42, 202, 120

HSL

149.2, 65.6%, 47.8%

HSV

149.2, 79.2%, 79.2%

CMYK

79.2%, 0.0%, 40.6%, 20.8%

OKLCH

0.7413 0.1734 154.7

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#2ACA78

#CA2A7C

Analogous

#2CCA2A

#2ACAC8

#2ACA78

Triadic

#2ACA78

#782ACA

#CA782A

Split Complementary

#2ACA78

#C82ACA

#CA2A2C

Tetradic

#2ACA78

#2A2CCA

#CA2A7C

#CAC82A

Color Blindness Simulation

Original

#2ACA78

Protanopia

#6F718C

Deuteranopia

#665A91

Tritanopia

#329C9F

Achromatopsia

#A2A2A2

CSS Usage

background-color: #2ACA78;
color: #2ACA78;
border-color: #2ACA78;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF7
100
#E3F7ED
200
#C4F3DB
300
#9AEAC1
400
#63DF9F
500
#2CD37D
600
#23A964
700
#1C8750
800
#166A3F
900
#144D30
950
#0D311E

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.82:1

AA Pass AAA Pass

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