Hex Color #BCBECE - Custom Color

Color Codes

HEX

#BCBECE

RGB

rgb(188, 190, 206)

HSL

hsl(233, 16%, 77%)

CMYK

cmyk(9%, 8%, 0%, 19%)

HSV

hsv(233, 9%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BBC7CE #BBBDCE #C2BBCE

Triadic

#BBBDCE #CEBBBD #BDCEBB

Split Complementary

#BBBDCE #CEC2BB #C7CEBB

Tetradic (Square)

#BBBDCE #CEBBC7 #CECCBB #BBCEC2

Complementary

#BCBECE #CECCBB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.84:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.39: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: #BCBECE;

color: #BCBECE;

border-color: #BCBECE;

}

Tailwind CSS (with arbitrary values)

bg-[#BCBECE]

text-[#BCBECE]

border-[#BCBECE]

// Example usage: