Hex Color #FBA996 - Custom Color

Color Codes

HEX

#FBA996

RGB

rgb(251, 169, 150)

HSL

hsl(11, 93%, 79%)

CMYK

cmyk(0%, 33%, 40%, 2%)

HSV

hsv(11, 40%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FB98B7 #FBAA98 #FBDC98

Triadic

#FBAA98 #98FBAA #AA98FB

Split Complementary

#FBAA98 #98FBDC #98B7FB

Tetradic (Square)

#FBAA98 #B7FB98 #98E9FB #DC98FB

Complementary

#FBA996 #98E9FB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.87:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.22: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: #FBA996;

color: #FBA996;

border-color: #FBA996;

}

Tailwind CSS (with arbitrary values)

bg-[#FBA996]

text-[#FBA996]

border-[#FBA996]

// Example usage: