Hex Color #FA064C - Custom Color

Color Codes

HEX

#FA064C

RGB

rgb(250, 6, 76)

HSL

hsl(343, 96%, 50%)

CMYK

cmyk(0%, 98%, 70%, 2%)

HSV

hsv(343, 98%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FA05C5 #FA054A #FA3A05

Triadic

#FA054A #4AFA05 #054AFA

Split Complementary

#FA054A #05FA3A #05C5FA

Tetradic (Square)

#FA054A #C5FA05 #05FAB5 #3A05FA

Complementary

#FA064C #05FAB5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.04:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.20: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: #FA064C;

color: #FA064C;

border-color: #FA064C;

}

Tailwind CSS (with arbitrary values)

bg-[#FA064C]

text-[#FA064C]

border-[#FA064C]

// Example usage: