HEX Color #24A050 (Mediumseagreen)

About #24A050

The hex code #24A050 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Mediumseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 36, 160, and 80.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 78% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#24A050

RGB36, 160, 80

HSL141.3°, 63.3%, 38.4%

CMYK78%, 0%, 50%, 37%

HSV141.3°, 77.5%, 62.7%

LAB58.1, -50.8, 32.3

XYZ14.7, 26.1, 11.8

Decimal2400336

Color Harmonies

Complementary

#24A050 #A02373

Analogous

#35A023 #23A08E

Triadic

#4F23A0 #A05023

Tetradic

#2335A0 #A02373 #A08E23

Tints, Shades & Tones

Tints (Adding White)

#24A050

#3CAA63

#54B576

#6DBF8A

#85CA9D

#9DD4B1

#B6DFC4

#CEE9D8

#E6F4EB

#FFFFFF

Shades (Adding Black)

#24A050

#208E47

#1C7C3E

#186A35

#14582C

#104723

#0C351A

#082311

#041108

#000000

WCAG Contrast Accessibility

3.38:1

Text on #FFFFFF

AA Large

6.22:1

Text on #000000

AA

3.23:1

Text on #F8FAFC

AA Large

5.29:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #24A050; }

.text-color { color: #24A050; }

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

Similar Colors

Mediumseagreen

#3CB371