Hex Color #FBABBA - Custom Color

Color Codes

HEX

#FBABBA

RGB

rgb(251, 171, 186)

HSL

hsl(349, 91%, 83%)

CMYK

cmyk(0%, 32%, 26%, 2%)

HSV

hsv(349, 32%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FBACE2 #FBACBB #FBC5AC

Triadic

#FBACBB #BBFBAC #ACBBFB

Split Complementary

#FBACBB #ACFBC5 #ACE2FB

Tetradic (Square)

#FBACBB #E2FBAC #ACFBED #C5ACFB

Complementary

#FBABBA #ACFBED

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.80:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.64:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #FBABBA;

color: #FBABBA;

border-color: #FBABBA;

}

Tailwind CSS (with arbitrary values)

bg-[#FBABBA]

text-[#FBABBA]

border-[#FBABBA]

// Example usage: