Hex Color #C799EC - Custom Color

Color Codes

HEX

#C799EC

RGB

rgb(199, 153, 236)

HSL

hsl(273, 69%, 76%)

CMYK

cmyk(16%, 35%, 0%, 7%)

HSV

hsv(273, 35%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#9C98EC #C698EC #EC98E8

Triadic

#C698EC #ECC698 #98ECC6

Split Complementary

#C698EC #E8EC98 #98EC9C

Tetradic (Square)

#C698EC #EC9C98 #BEEC98 #98E8EC

Complementary

#C799EC #BEEC98

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.28:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.20:1

Pass - WCAG AA (Normal Text)

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

color: #C799EC;

border-color: #C799EC;

}

Tailwind CSS (with arbitrary values)

bg-[#C799EC]

text-[#C799EC]

border-[#C799EC]

// Example usage: