#CBA4FE

Color Details

HEX
#CBA4FE
RGB
rgb(203, 164, 254)
HSL
hsl(266, 98%, 82%)
CMYK
cmyk(20%, 35%, 0%, 0%)
Best text on this color #000000 (CR 10.28:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cba4fe
Contrast 10.28:1 AAA
White on #cba4fe
Contrast 2.04:1 Fail
#cba4fe on Black
Contrast 10.28:1 AAA
#cba4fe on White
Contrast 2.04:1 Fail

Tints & Shades

#d5b6fe
#e0c8fe
#eadbff
#a283cb
#7a6298
#514266

Complement & Analogous

#d7fea4
#f8a4fe
#a4aafe

Triadic

#fecba4
#a4fecb

Monochrome

#514266 #7a6298 #cba4fe #e0c8fe #eadbff #f5edff

Analogous

#a4aafe #bfc4fe #cba4fe #f9b6fe #f8a4fe #c683cb

Complementary Mix

#7a6298 #cba4fe #e0c8fe #d7fea4 #e5fec4 #8ca56b

Nearby Colors

#cba4fd
#cba4ff
#cba4ee
#cba50e

Embed #CBA4FE swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #CBA4FE

#CBA4FE converts to RGB(203, 164, 254) and HSL(266, 98%, 82%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#CBA4FE FAQs

What is the RGB value of #CBA4FE?
RGB: 203, 164, 254. Copy as CSS: rgb(203, 164, 254)
Is #CBA4FE a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CBA4FE?
Complement: #d7fea4.
Does #CBA4FE have good contrast on white or black?
On white: 2.04:1 (Fails AA). On black: 10.28:1 (AAA (normal text)).