Hex Color #4FFEC2 - Custom Color

Color Codes

HEX

#4FFEC2

RGB

rgb(79, 254, 194)

HSL

hsl(159, 99%, 65%)

CMYK

cmyk(69%, 0%, 24%, 0%)

HSV

hsv(159, 69%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#4DFE68 #4DFEC0 #4DE4FE

Triadic

#4DFEC0 #C04DFE #FEC04D

Split Complementary

#4DFEC0 #FE4DE4 #FE684D

Tetradic (Square)

#4DFEC0 #684DFE #FE4D8B #E4FE4D

Complementary

#4FFEC2 #FE4D8B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.29:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.29: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: #4FFEC2;

color: #4FFEC2;

border-color: #4FFEC2;

}

Tailwind CSS (with arbitrary values)

bg-[#4FFEC2]

text-[#4FFEC2]

border-[#4FFEC2]

// Example usage: