HEX Color #3AFFA0 (Mediumspringgreen)

About #3AFFA0

The hex code #3AFFA0 represents a beautifully specific shade of green. Its closest recognized web color is Mediumspringgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 255, and 160.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 77% cyan, 0% magenta, 37% yellow, and 0% black. Always request a physical proof before doing a large print run with this exact code.

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#3AFFA0

RGB58, 255, 160

HSL151.1°, 100.0%, 61.4%

CMYK77%, 0%, 37%, 0%

HSV151.1°, 77.3%, 100.0%

LAB89.4, -67.8, 32.2

XYZ43.9, 75.0, 45.4

Decimal3866528

Color Harmonies

Complementary

#3AFFA0 #FF3A99

Analogous

#3AFF3D #3AFBFF

Triadic

#9F3AFF #FFA03A

Tetradic

#3D3AFF #FF3A99 #FBFF3A

Tints, Shades & Tones

Tints (Adding White)

#3AFFA0

#4FFFAA

#65FFB5

#7BFFBF

#91FFCA

#A7FFD4

#BDFFDF

#D3FFE9

#E9FFF4

#FFFFFF

Shades (Adding Black)

#3AFFA0

#33E28E

#2DC67C

#26AA6A

#208D58

#197147

#135535

#0C3823

#061C11

#000000

WCAG Contrast Accessibility

1.31:1

Text on #FFFFFF

FAIL

15.99:1

Text on #000000

AAA

1.26:1

Text on #F8FAFC

FAIL

13.59:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumspringgreen

#00FA9A