Hex Color #AEEF35 - Custom Color

Color Codes

HEX

#AEEF35

RGB

rgb(174, 239, 53)

HSL

hsl(81, 85%, 57%)

CMYK

cmyk(27%, 0%, 78%, 6%)

HSV

hsv(81, 78%, 94%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EFD334 #ADEF34 #50EF34

Triadic

#ADEF34 #34ADEF #EF34AD

Split Complementary

#ADEF34 #3450EF #D334EF

Tetradic (Square)

#ADEF34 #34EFD3 #7534EF #EF3450

Complementary

#AEEF35 #7534EF

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.38:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.20: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: #AEEF35;

color: #AEEF35;

border-color: #AEEF35;

}

Tailwind CSS (with arbitrary values)

bg-[#AEEF35]

text-[#AEEF35]

border-[#AEEF35]

// Example usage: