HEX Color #5FA824 (Forestgreen)

About #5FA824

The precise color #5FA824 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Forestgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 168, and 36.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 43% cyan and 0% magenta inks. The HSL representation is 93.2° hue, 64.7% saturation, and 40.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#5FA824

RGB95, 168, 36

HSL93.2°, 64.7%, 40.0%

CMYK43%, 0%, 79%, 34%

HSV93.2°, 78.6%, 65.9%

LAB62.1, -44.2, 56.3

XYZ19.0, 30.6, 6.6

Decimal6268964

Color Harmonies

Complementary

#5FA824 #6C24A8

Analogous

#A1A824 #24A82A

Triadic

#245EA8 #A8245F

Tetradic

#24A0A8 #6C24A8 #A82B24

Tints, Shades & Tones

Tints (Adding White)

#5FA824

#70B13C

#82BB54

#94C56D

#A6CE85

#B7D89D

#C9E2B6

#DBEBCE

#EDF5E6

#FFFFFF

Shades (Adding Black)

#5FA824

#549520

#49821C

#3F7018

#345D14

#2A4A10

#1F380C

#152508

#0A1204

#000000

WCAG Contrast Accessibility

2.95:1

Text on #FFFFFF

FAIL

7.11:1

Text on #000000

AAA

2.82:1

Text on #F8FAFC

FAIL

6.05:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #5FA824; }

.text-color { color: #5FA824; }

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

Similar Colors

Forestgreen

#228B22