Hex Color #F79298 - Custom Color

Color Codes

HEX

#F79298

RGB

rgb(247, 146, 152)

HSL

hsl(356, 86%, 77%)

CMYK

cmyk(0%, 41%, 38%, 3%)

HSV

hsv(356, 41%, 97%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F792CB #F79299 #F7BE92

Triadic

#F79299 #99F792 #9299F7

Split Complementary

#F79299 #92F7BE #92CBF7

Tetradic (Square)

#F79299 #CBF792 #92F7F0 #BE92F7

Complementary

#F79298 #92F7F0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.21:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.52: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: #F79298;

color: #F79298;

border-color: #F79298;

}

Tailwind CSS (with arbitrary values)

bg-[#F79298]

text-[#F79298]

border-[#F79298]

// Example usage: