Hex Color #F2FE79 - Custom Color

Color Codes

HEX

#F2FE79

RGB

rgb(242, 254, 121)

HSL

hsl(65, 99%, 74%)

CMYK

cmyk(5%, 0%, 52%, 0%)

HSV

hsv(65, 52%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FEC87B #F3FE7B #B2FE7B

Triadic

#F3FE7B #7BF3FE #FE7BF3

Split Complementary

#F3FE7B #7BB2FE #C87BFE

Tetradic (Square)

#F3FE7B #7BFEC8 #867BFE #FE7BB2

Complementary

#F2FE79 #867BFE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.09:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 19.23: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: #F2FE79;

color: #F2FE79;

border-color: #F2FE79;

}

Tailwind CSS (with arbitrary values)

bg-[#F2FE79]

text-[#F2FE79]

border-[#F2FE79]

// Example usage: