Hex Color #FE2157 - Custom Color

Color Codes

HEX

#FE2157

RGB

rgb(254, 33, 87)

HSL

hsl(345, 99%, 56%)

CMYK

cmyk(0%, 87%, 66%, 0%)

HSV

hsv(345, 87%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FE20C6 #FE2057 #FE5720

Triadic

#FE2057 #57FE20 #2057FE

Split Complementary

#FE2057 #20FE57 #20C6FE

Tetradic (Square)

#FE2057 #C6FE20 #20FEC6 #5720FE

Complementary

#FE2157 #20FEC6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.77:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.57: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: #FE2157;

color: #FE2157;

border-color: #FE2157;

}

Tailwind CSS (with arbitrary values)

bg-[#FE2157]

text-[#FE2157]

border-[#FE2157]

// Example usage: