HEX Color #A8F8B6 (Lightgreen)

About #A8F8B6

The precise color #A8F8B6 is an excellent choice for modern design projects. Designers often compare it to the standard color Lightgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 168, 248, and 182.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 32% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#A8F8B6

RGB168, 248, 182

HSL130.5°, 85.1%, 81.6%

CMYK32%, 0%, 27%, 3%

HSV130.5°, 32.3%, 97.3%

LAB91.2, -37.4, 24.1

XYZ58.2, 78.8, 56.4

Decimal11073718

Color Harmonies

Complementary

#A8F8B6 #F7A8E9

Analogous

#C1F7A8 #A8F7DE

Triadic

#B6A8F7 #F7B6A8

Tetradic

#A8C1F7 #F7A8E9 #F7DEA8

Tints, Shades & Tones

Tints (Adding White)

#A8F8B6

#B1F8BE

#BBF9C6

#C5FACE

#CEFBD6

#D8FBDE

#E2FCE6

#EBFDEE

#F5FEF6

#FFFFFF

Shades (Adding Black)

#A8F8B6

#95DCA1

#82C08D

#70A579

#5D8965

#4A6E50

#38523C

#253728

#121B14

#000000

WCAG Contrast Accessibility

1.25:1

Text on #FFFFFF

FAIL

16.77:1

Text on #000000

AAA

1.20:1

Text on #F8FAFC

FAIL

14.25:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #A8F8B6; }

.text-color { color: #A8F8B6; }

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

Similar Colors

Lightgreen

#90EE90