HEX Color #3AF88A (Mediumspringgreen)

About #3AF88A

The precise color #3AF88A is an excellent choice for modern design projects. Its closest recognized web color is Mediumspringgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 248, and 138.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 77% cyan and 0% magenta inks. With a hue angle of 145.3 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#3AF88A

RGB58, 248, 138

HSL145.3°, 93.1%, 60.0%

CMYK77%, 0%, 44%, 3%

HSV145.3°, 76.6%, 97.3%

LAB86.9, -69.3, 39.9

XYZ39.9, 69.9, 35.4

Decimal3864714

Color Harmonies

Complementary

#3AF88A #F839A7

Analogous

#49F839 #39F8E9

Triadic

#8A39F8 #F88939

Tetradic

#3949F8 #F839A7 #F8E939

Tints, Shades & Tones

Tints (Adding White)

#3AF88A

#4FF897

#65F9A4

#7BFAB1

#91FBBE

#A7FBCB

#BDFCD8

#D3FDE5

#E9FEF2

#FFFFFF

Shades (Adding Black)

#3AF88A

#33DC7A

#2DC06B

#26A55C

#20894C

#196E3D

#13522E

#0C371E

#061B0F

#000000

WCAG Contrast Accessibility

1.40:1

Text on #FFFFFF

FAIL

14.97:1

Text on #000000

AAA

1.34:1

Text on #F8FAFC

FAIL

12.73:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumspringgreen

#00FA9A