HEX Color #8AFFAF (Palegreen)

About #8AFFAF

The precise color #8AFFAF is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Palegreen. To achieve this exact tint on a monitor, you would use an RGB mix of 138, 255, and 175.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 46% C, 0% M, 31% Y, and 0% K. This makes it a relatively light color when applied to physical surfaces.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#8AFFAF

RGB138, 255, 175

HSL139.0°, 100.0%, 77.1%

CMYK46%, 0%, 31%, 0%

HSV139.0°, 45.9%, 100.0%

LAB91.7, -50.1, 28.2

XYZ54.0, 80.0, 53.2

Decimal9109423

Color Harmonies

Complementary

#8AFFAF #FF89D9

Analogous

#9FFF89 #89FFE9

Triadic

#AE89FF #FFAF89

Tetradic

#899FFF #FF89D9 #FFE989

Tints, Shades & Tones

Tints (Adding White)

#8AFFAF

#97FFB7

#A4FFC0

#B1FFC9

#BEFFD2

#CBFFDB

#D8FFE4

#E5FFED

#F2FFF6

#FFFFFF

Shades (Adding Black)

#8AFFAF

#7AE29B

#6BC688

#5CAA74

#4C8D61

#3D714D

#2E553A

#1E3826

#0F1C13

#000000

WCAG Contrast Accessibility

1.24:1

Text on #FFFFFF

FAIL

17.00:1

Text on #000000

AAA

1.18:1

Text on #F8FAFC

FAIL

14.46:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Palegreen

#98FB98