Hex Color #AAFF92 - Custom Color

Color Codes

HEX

#AAFF92

RGB

rgb(170, 255, 146)

HSL

hsl(107, 100%, 79%)

CMYK

cmyk(33%, 0%, 43%, 0%)

HSV

hsv(107, 43%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E1FF94 #ABFF94 #94FFB2

Triadic

#ABFF94 #94ABFF #FF94AB

Split Complementary

#ABFF94 #B294FF #FF94E1

Tetradic (Square)

#ABFF94 #94E1FF #E894FF #FFB294

Complementary

#AAFF92 #E894FF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 17.43: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: #AAFF92;

color: #AAFF92;

border-color: #AAFF92;

}

Tailwind CSS (with arbitrary values)

bg-[#AAFF92]

text-[#AAFF92]

border-[#AAFF92]

// Example usage: