Hex Color #BD27CC - Custom Color

Color Codes

HEX

#BD27CC

RGB

rgb(189, 39, 204)

HSL

hsl(295, 68%, 48%)

CMYK

cmyk(7%, 81%, 0%, 20%)

HSV

hsv(295, 81%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#6D27CE #C027CE #CE2788

Triadic

#C027CE #CEC027 #27CEC0

Split Complementary

#C027CE #88CE27 #27CE6D

Tetradic (Square)

#C027CE #CE6D27 #35CE27 #2788CE

Complementary

#BD27CC #35CE27

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.85:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.33:1

Fail - WCAG AA (Normal Text)

Fail - 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: #BD27CC;

color: #BD27CC;

border-color: #BD27CC;

}

Tailwind CSS (with arbitrary values)

bg-[#BD27CC]

text-[#BD27CC]

border-[#BD27CC]

// Example usage: