Hex Color #CFBBED - Custom Color

Color Codes

HEX

#CFBBED

RGB

rgb(207, 187, 237)

HSL

hsl(264, 58%, 83%)

CMYK

cmyk(13%, 21%, 0%, 7%)

HSV

hsv(264, 21%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#BBC0ED #CFBBED #E8BBED

Triadic

#CFBBED #EDCFBB #BBEDCF

Split Complementary

#CFBBED #EDE8BB #C0EDBB

Tetradic (Square)

#CFBBED #EDBBC0 #D9EDBB #BBEDE8

Complementary

#CFBBED #D9EDBB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.75:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 11.98: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: #CFBBED;

color: #CFBBED;

border-color: #CFBBED;

}

Tailwind CSS (with arbitrary values)

bg-[#CFBBED]

text-[#CFBBED]

border-[#CFBBED]

// Example usage: