HEX Color #8AFFC5 (Aquamarine)

About #8AFFC5

The precise color #8AFFC5 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Aquamarine. In the RGB color space, it consists of 138 red, 255 green, and 197 blue.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 46% Cyan, 0% Magenta, 23% Yellow, and 0% Black. With a hue angle of 150.3 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#8AFFC5

RGB138, 255, 197

HSL150.3°, 100.0%, 77.1%

CMYK46%, 0%, 23%, 0%

HSV150.3°, 45.9%, 100.0%

LAB92.1, -46.0, 17.6

XYZ56.3, 81.0, 65.5

Decimal9109445

Color Harmonies

Complementary

#8AFFC5 #FF89C3

Analogous

#89FF8A #89FEFF

Triadic

#C489FF #FFC589

Tetradic

#8A89FF #FF89C3 #FEFF89

Tints, Shades & Tones

Tints (Adding White)

#8AFFC5

#97FFCB

#A4FFD1

#B1FFD8

#BEFFDE

#CBFFE5

#D8FFEB

#E5FFF2

#F2FFF8

#FFFFFF

Shades (Adding Black)

#8AFFC5

#7AE2AF

#6BC699

#5CAA83

#4C8D6D

#3D7157

#2E5541

#1E382B

#0F1C15

#000000

WCAG Contrast Accessibility

1.22:1

Text on #FFFFFF

FAIL

17.19:1

Text on #000000

AAA

1.17:1

Text on #F8FAFC

FAIL

14.61:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #8AFFC5; }

.text-color { color: #8AFFC5; }

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

Similar Colors

Aquamarine

#7FFFD4