Created at 02/20/2023 04:22
#ba68c8 HEX Color information
| Color | HEX | RGB |
| #ba68c8 | RGB(186, 104, 200) |
RGB values are RGB(186, 104, 200)
#ba68c8 color contain Red 72.94%, Green 40.78% and Blue 78.43%.
oklch(64.55% 0.1622 321.61)
#ba68c8 color contain Red 72.94%, Green 40.78% and Blue 78.43%.
oklch(64.55% 0.1622 321.61)
More palettes with:
Color Names of #ba68c8 HEX code
Accent Mauve, Accent Violet, Detect Violet, Drop Violet, Filter Purple, Hook Violet, Inspire Lilac, Logic Lavender, Logic Mauve, purple lighten-2, secondary, UI Fix Purple, Vector Lilac, Vision Lilac, Visited Orchid Color
Alternative colors of #ba68c8
Opposite Color for #ba68c8 is #77c969
#ba68c8 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba68c8
Decimal
12216520
HEX
#ba68c8
HSL
hsl(291, 47%, 60%)
HSLA
hsla(291, 47%, 60%, 1)
RGB
RGB(186, 104, 200)
RGBA
RGBA(186, 104, 200, 1)
Palettes for #ba68c8 color:
Below examples of color palettes for #ba68c8 HEX color
darkest color is #130a14 from shades and lightest color is #f8f0fa from tints
Shades palette of #ba68c8:
Tints palette of #ba68c8:
Complementary palette of #ba68c8:
Triadic palette of #ba68c8:
Square palette of #ba68c8:
Analogous palette of #ba68c8:
Split-Complementary palette of #ba68c8:
Rectangle (tetradic) palette of #ba68c8:
Color #ba68c8 used in palettes (23)
Purple palette Materialize CSS Tints of Material Design Purple color #9C27B0 hex 16 Color Palette purple 27 40 Material Design Color Palette (nº3) Purple Rooster Material Design Color Palette (03) Modern Productivity Interface Grid Material Design color palette Design Agency 17 Material Design Color Palette (3) AI Art Generator Platform Palette Portrait of Adele Bloch-Bauer Luxe AI Code Synthesizer material design color palette 300 Semantic UX Flow for React Purple passion Material Design color palette (03/16) UX Audit & Heuristic Palette Machine Vision App UI Scheme Cognitive Systems Flowchart Studio
Color Contrast
Color pairings #ba68c8 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ba68c8
#ba68c8 Contrast Ratio
3.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba68c8
#ba68c8 Contrast Ratio
5.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba68c8 color png
Visit the popular colors list for more colors