HEX Color #2CA824 (Forestgreen)

About #2CA824

The precise color #2CA824 is an excellent choice for modern design projects. Designers often compare it to the standard color Forestgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 168, and 36.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 74% Cyan, 0% Magenta, 79% Yellow, and 34% Black. The HSL representation is 116.4° hue, 64.7% saturation, and 40.0% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#2CA824

RGB44, 168, 36

HSL116.4°, 64.7%, 40.0%

CMYK74%, 0%, 79%, 34%

HSV116.4°, 78.6%, 65.9%

LAB60.5, -57.3, 54.1

XYZ15.4, 28.7, 6.4

Decimal2926628

Color Harmonies

Complementary

#2CA824 #A024A8

Analogous

#6DA824 #24A85E

Triadic

#242BA8 #A8242B

Tetradic

#246DA8 #A024A8 #A85E24

Tints, Shades & Tones

Tints (Adding White)

#2CA824

#43B13C

#5ABB54

#72C56D

#89CE85

#A1D89D

#B8E2B6

#D0EBCE

#E7F5E6

#FFFFFF

Shades (Adding Black)

#2CA824

#279520

#22821C

#1D7018

#185D14

#134A10

#0E380C

#092508

#041204

#000000

WCAG Contrast Accessibility

3.12:1

Text on #FFFFFF

AA Large

6.73:1

Text on #000000

AA

2.98:1

Text on #F8FAFC

FAIL

5.72:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #2CA824; }

.text-color { color: #2CA824; }

.border-color { border: 2px solid #2CA824; }

Similar Colors

Forestgreen

#228B22