Hex Color #BCB7FC - Custom Color

Color Codes

HEX

#BCB7FC

RGB

rgb(188, 183, 252)

HSL

hsl(244, 92%, 85%)

CMYK

cmyk(25%, 27%, 0%, 1%)

HSV

hsv(244, 27%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B6D4FC #BAB6FC #DDB6FC

Triadic

#BAB6FC #FCBAB6 #B6FCBA

Split Complementary

#BAB6FC #FCDDB6 #D4FCB6

Tetradic (Square)

#BAB6FC #FCB6D4 #F7FCB6 #B6FCDD

Complementary

#BCB7FC #F7FCB6

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.86:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.32: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: #BCB7FC;

color: #BCB7FC;

border-color: #BCB7FC;

}

Tailwind CSS (with arbitrary values)

bg-[#BCB7FC]

text-[#BCB7FC]

border-[#BCB7FC]

// Example usage: