HEX Color #8AFF75 (Palegreen)

About #8AFF75

The precise color #8AFF75 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 117.

Translating this color to physical media requires the CMYK color model. The color uses 46% Cyan, 0% Magenta, 54% Yellow, and 0% Black. The HSL representation is 110.9° hue, 100.0% saturation, and 72.9% lightness.

When using this color as a background, text legibility must be considered. 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#8AFF75

RGB138, 255, 117

HSL110.9°, 100.0%, 72.9%

CMYK46%, 0%, 54%, 0%

HSV110.9°, 54.1%, 100.0%

LAB90.9, -58.5, 55.1

XYZ49.5, 78.2, 29.3

Decimal9109365

Color Harmonies

Complementary

#8AFF75 #E974FF

Analogous

#CFFF74 #74FFA5

Triadic

#7489FF #FF748A

Tetradic

#74CEFF #E974FF #FFA574

Tints, Shades & Tones

Tints (Adding White)

#8AFF75

#97FF84

#A4FF93

#B1FFA3

#BEFFB2

#CBFFC1

#D8FFD1

#E5FFE0

#F2FFEF

#FFFFFF

Shades (Adding Black)

#8AFF75

#7AE268

#6BC65B

#5CAA4E

#4C8D41

#3D7134

#2E5527

#1E381A

#0F1C0D

#000000

WCAG Contrast Accessibility

1.26:1

Text on #FFFFFF

FAIL

16.64:1

Text on #000000

AAA

1.21:1

Text on #F8FAFC

FAIL

14.15:1

Text on #0F172A

AAA

CSS Implementation

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

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

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

Similar Colors

Palegreen

#98FB98