Hex Color #C767BF - Custom Color

Color Codes

HEX

#C767BF

RGB

rgb(199, 103, 191)

HSL

hsl(305, 46%, 59%)

CMYK

cmyk(0%, 48%, 4%, 22%)

HSV

hsv(305, 48%, 78%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9E66C7 #C766BF #C7668E

Triadic

#C766BF #BFC766 #66BFC7

Split Complementary

#C766BF #8EC766 #66C79E

Tetradic (Square)

#C766BF #C79E66 #66C76E #668EC7

Complementary

#C767BF #66C76E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.43:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 6.12:1

Pass - 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: #C767BF;

color: #C767BF;

border-color: #C767BF;

}

Tailwind CSS (with arbitrary values)

bg-[#C767BF]

text-[#C767BF]

border-[#C767BF]

// Example usage: