#C4B5FD Color: Lavender Purple Hex Code — Name, RGB & Palettes
You found #C4B5FD in Figma, Tailwind, or a codebase—here is the c4b5fd color name, RGB values, similar swatches, and palette pairings.
#C4B5FD = Lavender Purple
Copy the hex, RGB, or HSL for design tokens, CSS variables, and handoff docs.
What Color is #C4B5FD?
#C4B5FD is a light lavender purple—a soft violet with high lightness and strong blue undertone. It sits between pale lilac and mid purple on the ramp: not as airy as mist lavender (#EDE9FE), not as saturated as #8B5CF6. Designers paste this hex when they inherit a UI kit, inspect a component in DevTools, or export from Tailwind and need a human-readable name for stakeholders.
In the traditional color wheel sense, this is part of the violet family: cool, calm, and slightly playful. It reads feminine and modern without the neon edge of electric purple. Because lightness is high (about 85% in HSL), it works best as a background, border tint, or illustration fill—not as default body text on white (contrast is too low for small type).
If you are documenting tokens, label it clearly—e.g. surface.lavender or purple.300—so engineers do not confuse it with adjacent steps like #DDD6FE or #A78BFA.
Colors Similar to #C4B5FD
These five hex codes bracket #C4B5FD on a typical violet scale. Click any swatch to copy hex or RGB—use lighter neighbors for page backgrounds and darker ones for buttons and links.
Mist lavender
Pale violet
Lavender purple
Soft lavender
Purple
#EDE9FE and #DDD6FE are lighter tints for cards and empty states. #A78BFA and #8B5CF6 add enough chroma for accessible CTAs when paired with white labels—always verify with the contrast checker.
#C4B5FD Color Palette Pairings
Three four-color palettes that keep lavender purple as the calm surface while deeper violets and neutrals handle structure.
Lavender + charcoal + white
Use #C4B5FD for section washes and cards, #111827 for body copy, and #7C3AED for primary CTAs so hierarchy stays clear.
Lavender + cream + royal violet
Cream #FFFBEB reading wells, pastel lavender backgrounds, and #7C3AED buttons suit beauty and creative SaaS brands.
Lavender + blush accent
Dusty blush #FBCFE8 tags and dividers keep the palette soft; reserve #C4B5FD for highlights—not small gray text.
Where is #C4B5FD Used?
The most common reference is Tailwind CSS purple-300. In Tailwind v3 default theme, purple-300 resolves to #c4b5fd. You will see it in utility classes such as bg-purple-300, text-purple-300, and ring-purple-300 across marketing sites, admin dashboards, and component libraries built on Tailwind.
Beyond Tailwind, teams adopt #C4B5FD in design systems for creative tech, wellness apps, and education products where purple signals imagination without corporate blue stiffness. It often appears in chart fills, tag chips, and onboarding illustrations. When a brand already uses Purple Dream ramps, #C4B5FD is typically the mid-light background step—not the primary brand purple.
Paste #C4B5FD into our color name finder to see the nearest CSS named color and synonyms, then seed the same hex in the palette generator to export harmonized tints for hover, focus, and dark mode. That workflow matches why people search raw hex codes: they have the number first and need language and companions second.
FAQ
- What color is #C4B5FD?
- #C4B5FD is a light lavender-purple in the violet family—RGB(196, 181, 253). It is commonly called lavender purple and matches Tailwind CSS purple-300.
- What is the RGB value of #C4B5FD?
- The #C4B5FD RGB code is rgb(196, 181, 253)—red 196, green 181, blue 253. In HSL it is approximately hsl(252, 93%, 85%).
- What is #C4B5FD called in Tailwind CSS?
- In Tailwind CSS v3+, #C4B5FD is the default purple-300 swatch. Use bg-purple-300, text-purple-300, or border-purple-300 in utility classes.
- What colors go with #C4B5FD?
- Pair #C4B5FD with charcoal (#111827) for type, cream (#FFFBEB) for backgrounds, royal violet (#7C3AED) for CTAs, and blush (#FBCFE8) for soft accents. Test contrast before using light purple for small text.
Identify and build with this color
Paste any hex to find its closest name, or generate a full palette from #C4B5FD.
Related: Purple Dream Palette · Pink and Purple Color Mix · Navy Blue #000080