HEX Color #3ADB7C (Mediumspringgreen)

About #3ADB7C

The precise color #3ADB7C is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumspringgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 219, and 124.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 74% C, 0% M, 43% Y, and 14% K. The HSL representation is 144.6° hue, 69.1% saturation, and 54.3% lightness.

When using this color as a background, text legibility must be considered. Because it is a medium 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#3ADB7C

RGB58, 219, 124

HSL144.6°, 69.1%, 54.3%

CMYK74%, 0%, 43%, 14%

HSV144.6°, 73.5%, 85.9%

LAB77.9, -61.6, 35.2

XYZ30.7, 53.0, 27.7

Decimal3857276

Color Harmonies

Complementary

#3ADB7C #DA3A98

Analogous

#48DA3A #3ADACC

Triadic

#7C3ADA #DA7B3A

Tetradic

#3A48DA #DA3A98 #DACC3A

Tints, Shades & Tones

Tints (Adding White)

#3ADB7C

#4FDF8A

#65E399

#7BE7A7

#91EBB6

#A7EFC4

#BDF3D3

#D3F7E1

#E9FBF0

#FFFFFF

Shades (Adding Black)

#3ADB7C

#33C26E

#2DAA60

#269252

#207944

#196137

#134929

#0C301B

#06180D

#000000

WCAG Contrast Accessibility

1.81:1

Text on #FFFFFF

FAIL

11.60:1

Text on #000000

AAA

1.73:1

Text on #F8FAFC

FAIL

9.86:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #3ADB7C; }

.text-color { color: #3ADB7C; }

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

Similar Colors

Mediumspringgreen

#00FA9A