Hex Color #4DFF73 - Custom Color

Color Codes

HEX

#4DFF73

RGB

rgb(77, 255, 115)

HSL

hsl(133, 100%, 65%)

CMYK

cmyk(70%, 0%, 55%, 0%)

HSV

hsv(133, 70%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7FFF4D #4DFF73 #4DFFCC

Triadic

#4DFF73 #734DFF #FF734D

Split Complementary

#4DFF73 #CC4DFF #FF4D7F

Tetradic (Square)

#4DFF73 #4D7FFF #FF4DD8 #FFCC4D

Complementary

#4DFF73 #FF4DD8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.32:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.87: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: #4DFF73;

color: #4DFF73;

border-color: #4DFF73;

}

Tailwind CSS (with arbitrary values)

bg-[#4DFF73]

text-[#4DFF73]

border-[#4DFF73]

// Example usage: