Hex Color #7CF50D - Custom Color

Color Codes

HEX

#7CF50D

RGB

rgb(124, 245, 13)

HSL

hsl(91, 92%, 51%)

CMYK

cmyk(49%, 0%, 95%, 4%)

HSV

hsv(91, 95%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F1F50F #7EF50F #0FF513

Triadic

#7EF50F #0F7EF5 #F50F7E

Split Complementary

#7EF50F #130FF5 #F50FF1

Tetradic (Square)

#7EF50F #0FF1F5 #860FF5 #F5130F

Complementary

#7CF50D #860FF5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.41:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.92: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: #7CF50D;

color: #7CF50D;

border-color: #7CF50D;

}

Tailwind CSS (with arbitrary values)

bg-[#7CF50D]

text-[#7CF50D]

border-[#7CF50D]

// Example usage: