Hex Color #57AD53 - Custom Color

Color Codes

HEX

#57AD53

RGB

rgb(87, 173, 83)

HSL

hsl(117, 35%, 50%)

CMYK

cmyk(50%, 0%, 52%, 32%)

HSV

hsv(117, 52%, 68%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#84AC53 #57AC53 #53AC7B

Triadic

#57AC53 #5357AC #AC5357

Split Complementary

#57AC53 #7B53AC #AC5384

Tetradic (Square)

#57AC53 #5384AC #A853AC #AC7B53

Complementary

#57AD53 #A853AC

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.80:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.51:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #57AD53;

color: #57AD53;

border-color: #57AD53;

}

Tailwind CSS (with arbitrary values)

bg-[#57AD53]

text-[#57AD53]

border-[#57AD53]

// Example usage: