HEX Color #8AF8D3 (Aquamarine)

About #8AF8D3

At its core, #8AF8D3 is a light and vivid hue. It is closely associated with the named CSS color Aquamarine. In the RGB color space, it consists of 138 red, 248 green, and 211 blue.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 44% cyan, 0% magenta, 15% yellow, and 3% black. The HSL representation is 159.8° hue, 88.7% saturation, and 75.7% lightness.

Contrast ratios determine whether this color is safe for typography. 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#8AF8D3

RGB138, 248, 211

HSL159.8°, 88.7%, 75.7%

CMYK44%, 0%, 15%, 3%

HSV159.8°, 44.4%, 97.3%

LAB90.4, -40.1, 8.0

XYZ55.8, 77.2, 73.6

Decimal9107667

Color Harmonies

Complementary

#8AF8D3 #F88AAE

Analogous

#8AF89C #8AE6F8

Triadic

#D38AF8 #F8D38A

Tetradic

#9C8AF8 #F88AAE #E6F88A

Tints, Shades & Tones

Tints (Adding White)

#8AF8D3

#97F8D7

#A4F9DC

#B1FAE1

#BEFBE6

#CBFBEB

#D8FCF0

#E5FDF5

#F2FEFA

#FFFFFF

Shades (Adding Black)

#8AF8D3

#7ADCBB

#6BC0A4

#5CA58C

#4C8975

#3D6E5D

#2E5246

#1E372E

#0F1B17

#000000

WCAG Contrast Accessibility

1.28:1

Text on #FFFFFF

FAIL

16.45:1

Text on #000000

AAA

1.22:1

Text on #F8FAFC

FAIL

13.98:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Aquamarine

#7FFFD4