Hex Color #FD4788 - Custom Color

Color Codes

HEX

#FD4788

RGB

rgb(253, 71, 136)

HSL

hsl(339, 98%, 64%)

CMYK

cmyk(0%, 72%, 46%, 1%)

HSV

hsv(339, 72%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FD49E2 #FD4988 #FD6449

Triadic

#FD4988 #88FD49 #4988FD

Split Complementary

#FD4988 #49FD64 #49E2FD

Tetradic (Square)

#FD4988 #E2FD49 #49FDBE #6449FD

Complementary

#FD4788 #49FDBE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.26:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.43: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: #FD4788;

color: #FD4788;

border-color: #FD4788;

}

Tailwind CSS (with arbitrary values)

bg-[#FD4788]

text-[#FD4788]

border-[#FD4788]

// Example usage: