Hex Color #BECCEB - Custom Color

Color Codes

HEX

#BECCEB

RGB

rgb(190, 204, 235)

HSL

hsl(221, 53%, 83%)

CMYK

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

HSV

hsv(221, 19%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BDE2EB #BDCBEB #C5BDEB

Triadic

#BDCBEB #EBBDCB #CBEBBD

Split Complementary

#BDCBEB #EBC5BD #E2EBBD

Tetradic (Square)

#BDCBEB #EBBDE2 #EBDCBD #BDEBC5

Complementary

#BECCEB #EBDCBD

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.61:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.03: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: #BECCEB;

color: #BECCEB;

border-color: #BECCEB;

}

Tailwind CSS (with arbitrary values)

bg-[#BECCEB]

text-[#BECCEB]

border-[#BECCEB]

// Example usage: