Created at 03/08/2023 19:26
#ba224d HEX Color information
Color | HEX | RGB |
#ba224d | RGB(186, 34, 77) |
RGB values are RGB(186, 34, 77)
#ba224d color contain Red 72.94%, Green 13.33% and Blue 30.2%.
Alternative colors of #ba224d
Opposite Color for #ba224d is #22b98e
#ba224d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba224d
Decimal
12198477
HEX
#ba224d
HSL
hsl(343, 69%, 43%)
HSLA
hsla(343, 69%, 43%, 1)
RGB
RGB(186, 34, 77)
RGBA
RGBA(186, 34, 77, 1)
Palettes for #ba224d color:
Below examples of color palettes for #ba224d HEX color
darkest color is #130308 from shades and lightest color is #f8e9ed from tints
Shades palette of #ba224d:
Tints palette of #ba224d:
Complementary palette of #ba224d:
Triadic palette of #ba224d:
Square palette of #ba224d:
Analogous palette of #ba224d:
Split-Complementary palette of #ba224d:
Rectangle (tetradic) palette of #ba224d:
Suggested colors palettes for #ba224d HEX:
Colors palette with color #ba224d #1:
Colors palette with color #ba224d #2:
Colors palette with color #ba224d #3:
Colors palette with color #ba224d #4:
Colors palette with color #ba224d #5:
Color #ba224d used in palettes (1)
Color Contrast
Color pairings #ba224d with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#ba224d
#ba224d Contrast Ratio
6.13:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |
#ba224d
#ba224d Contrast Ratio
3.42:1
Size | AA-level | AAA-level |
Large text: | ||
Small text: |