Hex Color #F435BF - Custom Color

Color Codes

HEX

#F435BF

RGB

rgb(244, 53, 191)

HSL

hsl(317, 90%, 58%)

CMYK

cmyk(0%, 78%, 22%, 4%)

HSV

hsv(317, 78%, 96%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CB34F4 #F434BE #F4345D

Triadic

#F434BE #BEF434 #34BEF4

Split Complementary

#F434BE #5DF434 #34F4CB

Tetradic (Square)

#F434BE #F4CB34 #34F46A #345DF4

Complementary

#F435BF #34F46A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.44:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.11: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: #F435BF;

color: #F435BF;

border-color: #F435BF;

}

Tailwind CSS (with arbitrary values)

bg-[#F435BF]

text-[#F435BF]

border-[#F435BF]

// Example usage: