Hex Color #4DF533 - Custom Color

Color Codes

HEX

#4DF533

RGB

rgb(77, 245, 51)

HSL

hsl(112, 91%, 58%)

CMYK

cmyk(69%, 0%, 79%, 4%)

HSV

hsv(112, 79%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#AEF532 #4CF532 #32F57A

Triadic

#4CF532 #324CF5 #F5324C

Split Complementary

#4CF532 #7A32F5 #F532AE

Tetradic (Square)

#4CF532 #32AEF5 #DB32F5 #F57A32

Complementary

#4DF533 #DB32F5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.42: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: #4DF533;

color: #4DF533;

border-color: #4DF533;

}

Tailwind CSS (with arbitrary values)

bg-[#4DF533]

text-[#4DF533]

border-[#4DF533]

// Example usage: