Hex Color #AAFA68 - Custom Color

Color Codes

HEX

#AAFA68

RGB

rgb(170, 250, 104)

HSL

hsl(93, 94%, 69%)

CMYK

cmyk(32%, 0%, 58%, 2%)

HSV

hsv(93, 58%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F3FA66 #A9FA66 #66FA6D

Triadic

#A9FA66 #66A9FA #FA66A9

Split Complementary

#A9FA66 #6D66FA #FA66F3

Tetradic (Square)

#A9FA66 #66F3FA #B766FA #FA6D66

Complementary

#AAFA68 #B766FA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.27:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.58:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #AAFA68;

color: #AAFA68;

border-color: #AAFA68;

}

Tailwind CSS (with arbitrary values)

bg-[#AAFA68]

text-[#AAFA68]

border-[#AAFA68]

// Example usage: