Hex Color #F45568 - Custom Color

Color Codes

HEX

#F45568

RGB

rgb(244, 85, 104)

HSL

hsl(353, 88%, 65%)

CMYK

cmyk(0%, 65%, 57%, 4%)

HSV

hsv(353, 65%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F457B8 #F4576A #F49357

Triadic

#F4576A #6AF457 #576AF4

Split Complementary

#F4576A #57F493 #57B8F4

Tetradic (Square)

#F4576A #B8F457 #57F4E2 #9357F4

Complementary

#F45568 #57F4E2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.31:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.35: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: #F45568;

color: #F45568;

border-color: #F45568;

}

Tailwind CSS (with arbitrary values)

bg-[#F45568]

text-[#F45568]

border-[#F45568]

// Example usage: