#ba222c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #ba222c | RGB(186, 34, 44) |
Created at 10/28/2026 23:48
RGB values are RGB(186, 34, 44)
#ba222c color contains Red 72.94%, Green 13.33% and Blue 17.25%.
oklch(51.28% 0.1862 24.09)
#ba222c color contains Red 72.94%, Green 13.33% and Blue 17.25%.
oklch(51.28% 0.1862 24.09)
Color Names of #ba222c HEX code
≈ Tall Poppy
Classification of #ba222c color
#ba222c is Semi dark and Warm Color Saturation 69%, lightness 43%.
Tint of Firebrick
Alternative colors of #ba222c
Opposite Color for #ba222c is #22bab0
#ba222c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #ba222c
cmyk
CMYK(0%, 82%, 76%, 27%)
Decimal
12198444
HEX
#ba222c
HSL
hsl(356, 69%, 43%)
HSLA
hsla(356, 69%, 43%, 1)
RGB
RGB(186, 34, 44)
RGBA
RGBA(186, 34, 44, 1)
Palettes for #ba222c color:
Below are examples of color palettes with the #ba222c HEX color
darkest color is #130304 from shades and lightest color is #f8e9ea from tints
Shades palette of #ba222c:
#a71f28
#951b23
#82181f
#70141a
#5d1116
#4a0e12
#380a0d
#250709
#130304
#000000
Tints palette of #ba222c:
#c13841
#c84e56
#cf646b
#d67a80
#dd9196
#e3a7ab
#eabdc0
#f1d3d5
#f8e9ea
#ffffff
Complementary palette of #ba222c:
#ba222c
#22bab0
Triadic palette of #ba222c:
#ba222c
#2cba22
#222cba
Square palette of #ba222c:
#ba222c
#78ba22
#22bab0
#6422ba
Analogous palette of #ba222c:
#ba2278
#ba222c
#ba6422
Split-Complementary palette of #ba222c:
#ba222c
#22ba64
#2278ba
Rectangle (tetradic) palette of #ba222c:
#ba222c
#bab022
#22bab0
#222cba
Suggested color palettes for #ba222c HEX:
Color palette with color #ba222c #1:
Color palette with color #ba222c #2:
Color palette with color #ba222c #3:
Color palette with color #ba222c #4:
Color palette with color #ba222c #5:
Color Contrast
Color pairings of #ba222c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#ba222c
#ba222cContrast Ratio
6.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#ba222c
#ba222cContrast Ratio
3.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #ba222c color png
Visit the popular colors list for more colors