Hex Color #BF82BC - Custom Color

Color Codes

HEX

#BF82BC

RGB

rgb(191, 130, 188)

HSL

hsl(303, 32%, 63%)

CMYK

cmyk(0%, 32%, 2%, 25%)

HSV

hsv(303, 32%, 75%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A482BF #BF82BC #BF829E

Triadic

#BF82BC #BCBF82 #82BCBF

Split Complementary

#BF82BC #9EBF82 #82BFA4

Tetradic (Square)

#BF82BC #BFA482 #82BF85 #829EBF

Complementary

#BF82BC #82BF85

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.94:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 7.13:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #BF82BC;

color: #BF82BC;

border-color: #BF82BC;

}

Tailwind CSS (with arbitrary values)

bg-[#BF82BC]

text-[#BF82BC]

border-[#BF82BC]

// Example usage: