HEX Color #2CAF6D (Mediumseagreen)

About #2CAF6D

When working with digital screens, the color #2CAF6D is rendered by mixing light. It is closely associated with the named CSS color Mediumseagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 175, and 109.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 75% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

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

RGB44, 175, 109

HSL149.8°, 59.8%, 42.9%

CMYK75%, 0%, 38%, 31%

HSV149.8°, 74.9%, 68.6%

LAB63.6, -50.0, 24.1

XYZ19.1, 32.3, 19.7

Decimal2928493

Color Harmonies

Complementary

#2CAF6D #AF2C6D

Analogous

#2CAF2C #2CAFAE

Triadic

#6D2CAF #AF6C2C

Tetradic

#2C2CAF #AF2C6D #AFAE2C

Tints, Shades & Tones

Tints (Adding White)

#2CAF6D

#43B77D

#5AC08D

#72C99D

#89D2AD

#A1DBBE

#B8E4CE

#D0EDDE

#E7F6EE

#FFFFFF

Shades (Adding Black)

#2CAF6D

#279B60

#228854

#1D7448

#18613C

#134D30

#0E3A24

#092618

#04130C

#000000

WCAG Contrast Accessibility

2.82:1

Text on #FFFFFF

FAIL

7.46:1

Text on #000000

AAA

2.69:1

Text on #F8FAFC

FAIL

6.34:1

Text on #0F172A

AA

CSS Implementation

.bg-color { background-color: #2CAF6D; }

.text-color { color: #2CAF6D; }

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

Similar Colors

Mediumseagreen

#3CB371