#ba305b HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ba305b | RGB(186, 48, 91) |
Created at 10/02/2026 23:27
RGB values are RGB(186, 48, 91)
#ba305b color contains Red 72.94%, Green 18.82% and Blue 35.69%.
oklch(53.33% 0.1756 7.03)
#ba305b color contains Red 72.94%, Green 18.82% and Blue 35.69%.
oklch(53.33% 0.1756 7.03)
Color Names of #ba305b HEX code
≈ Night Shadz
Classification of #ba305b color
#ba305b is Semi dark and Warm Color Saturation 59%, lightness 46%.
Tint of Medium Violet Red
Alternative colors of #ba305b
Opposite Color for #ba305b is #30ba8f
#ba305b Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba305b
cmyk
CMYK(0%, 74%, 51%, 27%)
Decimal
12202075
HEX
#ba305b
HSL
hsl(341, 59%, 46%)
HSLA
hsla(341, 59%, 46%, 1)
RGB
RGB(186, 48, 91)
RGBA
RGBA(186, 48, 91, 1)
Palettes for #ba305b color:
Below are examples of color palettes with the #ba305b HEX color
darkest color is #130509 from shades and lightest color is #f8eaef from tints
Shades palette of #ba305b:
#a72b52
#952649
#822240
#701d37
#5d182e
#4a1324
#380e1b
#250a12
#130509
#000000
Tints palette of #ba305b:
#c1456b
#c8597c
#cf6e8c
#d6839d
#dd98ad
#e3acbd
#eac1ce
#f1d6de
#f8eaef
#ffffff
Complementary palette of #ba305b:
#ba305b
#30ba8f
Triadic palette of #ba305b:
#ba305b
#5bba30
#305bba
Square palette of #ba305b:
#ba305b
#a0ba30
#30ba8f
#4a30ba
Analogous palette of #ba305b:
#ba30a0
#ba305b
#ba4a30
Split-Complementary palette of #ba305b:
#ba305b
#30ba4a
#30a0ba
Rectangle (tetradic) palette of #ba305b:
#ba305b
#ba8f30
#30ba8f
#305bba
Suggested color palettes for #ba305b HEX:
Color palette with color #ba305b #1:
Color palette with color #ba305b #2:
Color palette with color #ba305b #3:
Color palette with color #ba305b #4:
Color palette with color #ba305b #5:
Color Contrast
Color pairings of #ba305b with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ba305b
#ba305bContrast Ratio
5.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba305b
#ba305bContrast Ratio
3.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba305b color png
Visit the popular colors list for more colors