Hex Color #ADE507 - Custom Color

Color Codes

HEX

#ADE507

RGB

rgb(173, 229, 7)

HSL

hsl(75, 94%, 46%)

CMYK

cmyk(24%, 0%, 97%, 10%)

HSV

hsv(75, 97%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E4AC07 #ACE407 #3EE407

Triadic

#ACE407 #07ACE4 #E407AC

Split Complementary

#ACE407 #073EE4 #AC07E4

Tetradic (Square)

#ACE407 #07E4AC #3E07E4 #E4073E

Complementary

#ADE507 #3E07E4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.50:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.99: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: #ADE507;

color: #ADE507;

border-color: #ADE507;

}

Tailwind CSS (with arbitrary values)

bg-[#ADE507]

text-[#ADE507]

border-[#ADE507]

// Example usage: