Hex Color #FBB083 - Custom Color

Color Codes

HEX

#FBB083

RGB

rgb(251, 176, 131)

HSL

hsl(23, 94%, 75%)

CMYK

cmyk(0%, 30%, 48%, 2%)

HSV

hsv(23, 48%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FB8391 #FBB183 #FBED83

Triadic

#FBB183 #83FBB1 #B183FB

Split Complementary

#FBB183 #83FBED #8391FB

Tetradic (Square)

#FBB183 #91FB83 #83CDFB #ED83FB

Complementary

#FBB083 #83CDFB

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: #FBB083;

color: #FBB083;

border-color: #FBB083;

}

Tailwind CSS (with arbitrary values)

bg-[#FBB083]

text-[#FBB083]

border-[#FBB083]

// Example usage: