Hex Color #F94CE2 - Custom Color

Color Codes

HEX

#F94CE2

RGB

rgb(249, 76, 226)

HSL

hsl(308, 94%, 64%)

CMYK

cmyk(0%, 69%, 9%, 2%)

HSV

hsv(308, 69%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BA4DF9 #F94DE2 #F94D8C

Triadic

#F94DE2 #E2F94D #4DE2F9

Split Complementary

#F94DE2 #8CF94D #4DF9BA

Tetradic (Square)

#F94DE2 #F9BA4D #4DF964 #4D8CF9

Complementary

#F94CE2 #4DF964

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.93:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.16:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #F94CE2;

color: #F94CE2;

border-color: #F94CE2;

}

Tailwind CSS (with arbitrary values)

bg-[#F94CE2]

text-[#F94CE2]

border-[#F94CE2]

// Example usage: