Hex Color #FF167B - Custom Color

Color Codes

HEX

#FF167B

RGB

rgb(255, 22, 123)

HSL

hsl(334, 100%, 54%)

CMYK

cmyk(0%, 91%, 52%, 0%)

HSV

hsv(334, 91%, 100%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FF14EF #FF147A #FF2414

Triadic

#FF147A #7AFF14 #147AFF

Split Complementary

#FF147A #14FF24 #14EFFF

Tetradic (Square)

#FF147A #EFFF14 #14FF99 #2414FF

Complementary

#FF167B #14FF99

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.71:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.65: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: #FF167B;

color: #FF167B;

border-color: #FF167B;

}

Tailwind CSS (with arbitrary values)

bg-[#FF167B]

text-[#FF167B]

border-[#FF167B]

// Example usage: