Hex Color #F335EE - Custom Color

Color Codes

HEX

#F335EE

RGB

rgb(243, 53, 238)

HSL

hsl(302, 89%, 58%)

CMYK

cmyk(0%, 78%, 2%, 5%)

HSV

hsv(302, 78%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9A35F3 #F335ED #F3358E

Triadic

#F335ED #EDF335 #35EDF3

Split Complementary

#F335ED #8EF335 #35F39A

Tetradic (Square)

#F335ED #F39A35 #35F33B #358EF3

Complementary

#F335EE #35F33B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.55:1

Pass - WCAG AA (Normal Text)

Fail - 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: #F335EE;

color: #F335EE;

border-color: #F335EE;

}

Tailwind CSS (with arbitrary values)

bg-[#F335EE]

text-[#F335EE]

border-[#F335EE]

// Example usage: