Hex Color #FBCACB - Custom Color

Color Codes

HEX

#FBCACB

RGB

rgb(251, 202, 203)

HSL

hsl(359, 86%, 89%)

CMYK

cmyk(0%, 20%, 19%, 2%)

HSV

hsv(359, 20%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FBCBE4 #FBCBCC #FBE2CB

Triadic

#FBCBCC #CCFBCB #CBCCFB

Split Complementary

#FBCBCC #CBFBE2 #CBE4FB

Tetradic (Square)

#FBCBCC #E4FBCB #CBFBFA #E2CBFB

Complementary

#FBCACB #CBFBFA

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.41: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: #FBCACB;

color: #FBCACB;

border-color: #FBCACB;

}

Tailwind CSS (with arbitrary values)

bg-[#FBCACB]

text-[#FBCACB]

border-[#FBCACB]

// Example usage: