Hex Color #AED590 - Custom Color

Color Codes

HEX

#AED590

RGB

rgb(174, 213, 144)

HSL

hsl(94, 45%, 70%)

CMYK

cmyk(18%, 0%, 32%, 16%)

HSV

hsv(94, 32%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D0D590 #AED590 #90D595

Triadic

#AED590 #90AED5 #D590AE

Split Complementary

#AED590 #9590D5 #D590D0

Tetradic (Square)

#AED590 #90D0D5 #B790D5 #D59590

Complementary

#AED590 #B790D5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.65:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.72: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: #AED590;

color: #AED590;

border-color: #AED590;

}

Tailwind CSS (with arbitrary values)

bg-[#AED590]

text-[#AED590]

border-[#AED590]

// Example usage: