Hex Color #F15AD2 - Custom Color

Color Codes

HEX

#F15AD2

RGB

rgb(241, 90, 210)

HSL

hsl(312, 84%, 65%)

CMYK

cmyk(0%, 63%, 13%, 5%)

HSV

hsv(312, 63%, 95%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#C45BF1 #F15BD3 #F15B88

Triadic

#F15BD3 #D3F15B #5BD3F1

Split Complementary

#F15BD3 #88F15B #5BF1C4

Tetradic (Square)

#F15BD3 #F1C45B #5BF179 #5B88F1

Complementary

#F15AD2 #5BF179

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.94:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.13: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: #F15AD2;

color: #F15AD2;

border-color: #F15AD2;

}

Tailwind CSS (with arbitrary values)

bg-[#F15AD2]

text-[#F15AD2]

border-[#F15AD2]

// Example usage: