HEX Color #2CE2AF (Aquamarine)

About #2CE2AF

When working with digital screens, the color #2CE2AF is rendered by mixing light. If you're using CSS, you might find it aligns closely with Aquamarine. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 226, and 175.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 81% cyan, 0% magenta, 23% yellow, and 11% black. With a hue angle of 163.2 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2CE2AF

RGB44, 226, 175

HSL163.2°, 75.8%, 52.9%

CMYK81%, 0%, 23%, 11%

HSV163.2°, 80.5%, 88.6%

LAB80.8, -55.4, 12.7

XYZ36.0, 58.0, 49.9

Decimal2941615

Color Harmonies

Complementary

#2CE2AF #E22C5E

Analogous

#2CE254 #2CB9E2

Triadic

#AF2CE2 #E2AF2C

Tetradic

#542CE2 #E22C5E #B9E22C

Tints, Shades & Tones

Tints (Adding White)

#2CE2AF

#43E5B7

#5AE8C0

#72EBC9

#89EED2

#A1F2DB

#B8F5E4

#D0F8ED

#E7FBF6

#FFFFFF

Shades (Adding Black)

#2CE2AF

#27C89B

#22AF88

#1D9674

#187D61

#13644D

#0E4B3A

#093226

#041913

#000000

WCAG Contrast Accessibility

1.67:1

Text on #FFFFFF

FAIL

12.60:1

Text on #000000

AAA

1.59:1

Text on #F8FAFC

FAIL

10.72:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4