Hex Color #FBB6DD - Custom Color

Color Codes

HEX

#FBB6DD

RGB

rgb(251, 182, 221)

HSL

hsl(326, 90%, 85%)

CMYK

cmyk(0%, 27%, 12%, 2%)

HSV

hsv(326, 27%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F7B6FB #FBB6DD #FBB6BB

Triadic

#FBB6DD #DDFBB6 #B6DDFB

Split Complementary

#FBB6DD #BBFBB6 #B6FBF7

Tetradic (Square)

#FBB6DD #FBF7B6 #B6FBD4 #B6BBFB

Complementary

#FBB6DD #B6FBD4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.64:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.84: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: #FBB6DD;

color: #FBB6DD;

border-color: #FBB6DD;

}

Tailwind CSS (with arbitrary values)

bg-[#FBB6DD]

text-[#FBB6DD]

border-[#FBB6DD]

// Example usage: