HEX Color #7CE2AF (Mediumaquamarine)

About #7CE2AF

The precise color #7CE2AF is an excellent choice for modern design projects. Its closest recognized web color is Mediumaquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 124, 226, and 175.

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

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#7CE2AF

RGB124, 226, 175

HSL150.0°, 63.7%, 68.6%

CMYK45%, 0%, 23%, 11%

HSV150.0°, 45.1%, 88.6%

LAB82.8, -41.3, 15.8

XYZ43.2, 61.8, 50.2

Decimal8184495

Color Harmonies

Complementary

#7CE2AF #E27CAF

Analogous

#7CE27C #7CE1E2

Triadic

#AE7CE2 #E2AF7C

Tetradic

#7C7CE2 #E27CAF #E1E27C

Tints, Shades & Tones

Tints (Adding White)

#7CE2AF

#8AE5B7

#99E8C0

#A7EBC9

#B6EED2

#C4F2DB

#D3F5E4

#E1F8ED

#F0FBF6

#FFFFFF

Shades (Adding Black)

#7CE2AF

#6EC89B

#60AF88

#529674

#447D61

#37644D

#294B3A

#1B3226

#0D1913

#000000

WCAG Contrast Accessibility

1.57:1

Text on #FFFFFF

FAIL

13.35:1

Text on #000000

AAA

1.50:1

Text on #F8FAFC

FAIL

11.35:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #7CE2AF; }

.text-color { color: #7CE2AF; }

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

Similar Colors

Mediumaquamarine

#66CDAA