Hex Color #52C536 - Custom Color

Color Codes

HEX

#52C536

RGB

rgb(82, 197, 54)

HSL

hsl(108, 57%, 49%)

CMYK

cmyk(58%, 0%, 73%, 23%)

HSV

hsv(108, 73%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#99C436 #52C436 #36C460

Triadic

#52C436 #3652C4 #C43652

Split Complementary

#52C436 #6036C4 #C43699

Tetradic (Square)

#52C436 #3699C4 #A836C4 #C46036

Complementary

#52C536 #A836C4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.23:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.40: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: #52C536;

color: #52C536;

border-color: #52C536;

}

Tailwind CSS (with arbitrary values)

bg-[#52C536]

text-[#52C536]

border-[#52C536]

// Example usage: