HEX Color #3AF092 (Mediumspringgreen)

About #3AF092

The precise color #3AF092 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumspringgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 240, and 146.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 76% cyan and 0% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. 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#3AF092

RGB58, 240, 146

HSL149.0°, 85.8%, 58.4%

CMYK76%, 0%, 39%, 6%

HSV149.0°, 75.8%, 94.1%

LAB84.6, -65.1, 33.0

XYZ38.1, 65.3, 37.8

Decimal3862674

Color Harmonies

Complementary

#3AF092 #F03A97

Analogous

#3CF03A #3AF0ED

Triadic

#913AF0 #F0923A

Tetradic

#3A3CF0 #F03A97 #F0ED3A

Tints, Shades & Tones

Tints (Adding White)

#3AF092

#4FF19E

#65F3AA

#7BF5B6

#91F6C2

#A7F8CE

#BDFADA

#D3FBE6

#E9FDF2

#FFFFFF

Shades (Adding Black)

#3AF092

#33D581

#2DBA71

#26A061

#208551

#196A40

#135030

#0C3520

#061A10

#000000

WCAG Contrast Accessibility

1.49:1

Text on #FFFFFF

FAIL

14.06:1

Text on #000000

AAA

1.43:1

Text on #F8FAFC

FAIL

11.95:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Mediumspringgreen

#00FA9A