#ba70ec HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ba70ec | RGB(186, 112, 236) |
Created at 10/20/2026 10:49
RGB values are RGB(186, 112, 236)
#ba70ec color contains Red 72.94%, Green 43.92% and Blue 92.55%.
oklch(67.62% 0.1877 309.84)
#ba70ec color contains Red 72.94%, Green 43.92% and Blue 92.55%.
oklch(67.62% 0.1877 309.84)
Color Names of #ba70ec HEX code
≈ Lavender
Classification of #ba70ec color
#ba70ec is Light and Cool Color Saturation 77%, lightness 68%.
Tint of Medium Orchid
Alternative colors of #ba70ec
Opposite Color for #ba70ec is #a2ec70
#ba70ec Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba70ec
cmyk
CMYK(21%, 53%, 0%, 7%)
Decimal
12218604
HEX
#ba70ec
HSL
hsl(276, 77%, 68%)
HSLA
hsla(276, 77%, 68%, 1)
RGB
RGB(186, 112, 236)
RGBA
RGBA(186, 112, 236, 1)
Palettes for #ba70ec color:
Below are examples of color palettes with the #ba70ec HEX color
darkest color is #130b18 from shades and lightest color is #f8f1fd from tints
Shades palette of #ba70ec:
#a765d4
#955abd
#824ea5
#70438e
#5d3876
#4a2d5e
#382247
#25162f
#130b18
#000000
Tints palette of #ba70ec:
#c17eee
#c88df0
#cf9bf2
#d6a9f4
#ddb8f6
#e3c6f7
#ead4f9
#f1e2fb
#f8f1fd
#ffffff
Complementary palette of #ba70ec:
#ba70ec
#a2ec70
Triadic palette of #ba70ec:
#ba70ec
#ecba70
#70ecba
Square palette of #ba70ec:
#ba70ec
#ec7c70
#a2ec70
#70e0ec
Analogous palette of #ba70ec:
#7c70ec
#ba70ec
#ec70e0
Split-Complementary palette of #ba70ec:
#ba70ec
#e0ec70
#70ec7c
Rectangle (tetradic) palette of #ba70ec:
#ba70ec
#ec70a2
#a2ec70
#70ecba
Suggested color palettes for #ba70ec HEX:
Color palette with color #ba70ec #1:
Color palette with color #ba70ec #2:
Color palette with color #ba70ec #3:
Color palette with color #ba70ec #4:
Color palette with color #ba70ec #5:
Color Contrast
Color pairings of #ba70ec with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ba70ec
#ba70ecContrast Ratio
3.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba70ec
#ba70ecContrast Ratio
6.61:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba70ec color png
Visit the popular colors list for more colors