Hex Color #ADE150 - Custom Color

Color Codes

HEX

#ADE150

RGB

rgb(173, 225, 80)

HSL

hsl(82, 71%, 60%)

CMYK

cmyk(23%, 0%, 64%, 12%)

HSV

hsv(82, 64%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E1CE51 #ACE151 #64E151

Triadic

#ACE151 #51ACE1 #E151AC

Split Complementary

#ACE151 #5164E1 #CE51E1

Tetradic (Square)

#ACE151 #51E1CE #8651E1 #E15164

Complementary

#ADE150 #8651E1

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.54:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.66: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: #ADE150;

color: #ADE150;

border-color: #ADE150;

}

Tailwind CSS (with arbitrary values)

bg-[#ADE150]

text-[#ADE150]

border-[#ADE150]

// Example usage: