Created at 02/25/2023 21:44
#ba85f3 HEX Color information
| Color | HEX | RGB |
| #ba85f3 | RGB(186, 133, 243) |
RGB values are RGB(186, 133, 243)
#ba85f3 color contain Red 72.94%, Green 52.16% and Blue 95.29%.
Alternative colors of #ba85f3
Opposite Color for #ba85f3 is #bff386
#ba85f3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba85f3
Decimal
12223987
HEX
#ba85f3
HSL
hsl(269, 82%, 74%)
HSLA
hsla(269, 82%, 74%, 1)
RGB
RGB(186, 133, 243)
RGBA
RGBA(186, 133, 243, 1)
Palettes for #ba85f3 color:
Below examples of color palettes for #ba85f3 HEX color
darkest color is #130d18 from shades and lightest color is #f8f3fe from tints
Shades palette of #ba85f3:
Tints palette of #ba85f3:
Complementary palette of #ba85f3:
Triadic palette of #ba85f3:
Square palette of #ba85f3:
Analogous palette of #ba85f3:
Split-Complementary palette of #ba85f3:
Rectangle (tetradic) palette of #ba85f3:
Suggested colors palettes for #ba85f3 HEX:
Colors palette with color #ba85f3 #1:
Colors palette with color #ba85f3 #2:
Colors palette with color #ba85f3 #3:
Colors palette with color #ba85f3 #4:
Colors palette with color #ba85f3 #5:
Color #ba85f3 used in palettes (1)
Color Contrast
Color pairings #ba85f3 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ba85f3
#ba85f3 Contrast Ratio
2.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba85f3
#ba85f3 Contrast Ratio
7.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
