Maroon Colors  ·  Color Library

Palettes / Colors / #CB90FD

#CB90FD — Light Vivid Purple

#CB90FD is a purple color we call Light Vivid Purple, closest to the named color Plum (#DDA0DD). It belongs to the purple family.

Color name

Closest CSS keyword: plum (#DDA0DD) — not an exact match. CSS plum gives you #DDA0DD, a different color; use #CB90FD when you need this exact shade.

Sources: common names follow widely used color-name references; CSS keywords and their hex values follow the CSS Color specification.

#CB90FD is a cool purple color associated with luxury, creativity and mystery. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #C3FD91; it also sits naturally between #9591FD and #FD91F9. In the palettes below you can see it working alongside real color combinations from our collection.

#CB90FD · RGB 203, 144, 253

Download PNG swatch SVG

Color values

HEX#CB90FD
RGB203, 144, 253
HSL272°, 96%, 78%
HSV272°, 43%, 99%
CMYK20%, 43%, 0%, 1%
XYZ52.33, 39.73, 97.84
Yxy39.73, 0.2756, 0.2092
CIE-Lab69.28, 42.22, -45.96
Hunter Lab63.04, 41.90, -53.31

RGB & CMYK percentages

Red 80% · Green 56% · Blue 99%

Cyan 20% · Magenta 43% · Yellow 0% · Key 1%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #CB90FD on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CB90FD on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CB90FD

.text { color: #CB90FD; }
.background { background-color: #CB90FD; }
.border { border: 3px solid #CB90FD; }
.text-rgb { color: rgb(203, 144, 253); }
.text-hsl { color: hsl(272, 96%, 78%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CB90FD; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(203, 144, 253, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CB90FD; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(203, 144, 253, 0.8); }

HTML: <p style="color:#CB90FD">Text here</p> · <div style="background-color:#CB90FD">Div content here</div>

Shades of #CB90FD

#BA6EFC#A746FB#9623FB#8205F0#6F04CD#5C03AA#470382#34025F#1E0137#0B0014

Tints of #CB90FD

#CF9BFD#D4A5FD#D6AAFD#DBB4FD#E0BEFE#E5C8FE#EAD2FE#ECD7FE#F1E1FE#F5EBFF

Tones of #CB90FD

#CA99F5#C9A0EE#C9A8E6#C8B0DE#C8B8D6#C7BFCF

Color harmonies

Complementary — #C3FD91:

Analogous:

Triadic:

Contrast & accessibility

Against white text2.35:1 Fails
Against black text8.95:1 AAA

Best text color on #CB90FD: #000000.

Semi-transparent (opacity) text on #CB90FD

Text set with opacity blends into the background, so its real contrast is lower than the solid ratios above. Choose a text color and an opacity to see the blended color and its true ratio:

100%
Sample heading text
Smaller body text shows the effect best.

Blended color: · Contrast against #CB90FD: ·

How #CB90FD looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #B1B1E3Deuteranopia · #B5B9DCTritanopia · #C8CEC9

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Tailwind purple 500 · #A855F7Tailwind fuchsia 500 · #D946EFTailwind violet 500 · #8B5CF6

Palettes with a similar color

These palettes use a close neighbour of #CB90FD rather than the exact color:

Palette Eeeeee
#EEEEEE · #CDE8F6 · #D195F9 · #0033C7
Palette F2afef
#F2AFEF · #C499F3 · #7360DF · #33186B
Palette 8ef6e4
#8EF6E4 · #9896F1 · #D59BF6 · #EDB1F1
Palette Fff4bf
#FFF4BF · #FFBEFB · #DC95FF · #8C56D4
Palette Cb9df0
#CB9DF0 · #F0C1E1 · #FDDBBB · #FFF9BF
Palette 4e56c0
#4E56C0 · #9B5DE0 · #D78FEE · #FDCFFA

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#D195F9#C499F3#D59BF6#DC95FF#CB9DF0#D78FEE#C77DFF#D0A2F7#B693FE#DA9FF9#C49AEB#D4A0F1

Browse neighbouring colors

← #CB90FC  ·  #CB90FE →

Frequently asked questions

What color is #CB90FD?

#CB90FD is Light Vivid Purple, a purple color (RGB 203, 144, 253). Its closest standard named color is Plum.

What is the RGB and HSL of #CB90FD?

#CB90FD is RGB 203, 144, 253 — HSL 272°, 96%, 78% — CMYK 20%, 43%, 0%, 1%.

What colors go with #CB90FD?

Its complement is #C3FD91; analogous partners are #9591FD and #FD91F9. It also appears in 6+ palettes in our collection.

Can I use #CB90FD for text?

Black text on #CB90FD has a contrast ratio of 8.95:1 (passes WCAG AA); white text gives 2.35:1.