Hex Color #FDBB92 - Custom Color

Color Codes

HEX

#FDBB92

RGB

rgb(253, 187, 146)

HSL

hsl(23, 96%, 78%)

CMYK

cmyk(0%, 26%, 42%, 1%)

HSV

hsv(23, 42%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FD919E #FDBA91 #FDF091

Triadic

#FDBA91 #91FDBA #BA91FD

Split Complementary

#FDBA91 #91FDF0 #919EFD

Tetradic (Square)

#FDBA91 #9EFD91 #91D3FD #F091FD

Complementary

#FDBB92 #91D3FD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.65:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.70: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: #FDBB92;

color: #FDBB92;

border-color: #FDBB92;

}

Tailwind CSS (with arbitrary values)

bg-[#FDBB92]

text-[#FDBB92]

border-[#FDBB92]

// Example usage: