HEX Color #3AA06D (Seagreen)

About #3AA06D

At its core, #3AA06D is a medium and moderate hue. If you're using CSS, you might find it aligns closely with Seagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 58, 160, and 109.

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

When using this color as a background, text legibility must be considered. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#3AA06D

RGB58, 160, 109

HSL150.0°, 46.8%, 42.7%

CMYK64%, 0%, 32%, 37%

HSV150.0°, 63.8%, 62.7%

LAB59.1, -41.6, 18.1

XYZ17.1, 27.1, 18.8

Decimal3842157

Color Harmonies

Complementary

#3AA06D #A0396D

Analogous

#39A039 #399FA0

Triadic

#6C39A0 #A06D39

Tetradic

#3939A0 #A0396D #9FA039

Tints, Shades & Tones

Tints (Adding White)

#3AA06D

#4FAA7D

#65B58D

#7BBF9D

#91CAAD

#A7D4BE

#BDDFCE

#D3E9DE

#E9F4EE

#FFFFFF

Shades (Adding Black)

#3AA06D

#338E60

#2D7C54

#266A48

#20583C

#194730

#133524

#0C2318

#06110C

#000000

WCAG Contrast Accessibility

3.27:1

Text on #FFFFFF

AA Large

6.43:1

Text on #000000

AA

3.12:1

Text on #F8FAFC

AA Large

5.47:1

Text on #0F172A

AA

CSS Implementation

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

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

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

Similar Colors

Seagreen

#2E8B57