#a7222f HEX color information
| Color | HEX | RGB |
|---|---|---|
| #a7222f | RGB(167, 34, 47) |
Created at 02/18/2023 03:56
RGB values are RGB(167, 34, 47)
#a7222f color contains Red 65.49%, Green 13.33% and Blue 18.43%.
oklch(47.80% 0.1678 21.74)
#a7222f color contains Red 65.49%, Green 13.33% and Blue 18.43%.
oklch(47.80% 0.1678 21.74)
Color Names of #a7222f HEX code
≈ Mexican Red
Classification of #a7222f color
#a7222f is Semi dark and Warm Color Saturation 66%, lightness 39%.
Shade of Brown
Alternative colors of #a7222f
Opposite Color for #a7222f is #22a79a
#a7222f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #a7222f
cmyk
CMYK(0%, 80%, 72%, 35%)
Decimal
10953263
HEX
#a7222f
HSL
hsl(354, 66%, 39%)
HSLA
hsla(354, 66%, 39%, 1)
RGB
RGB(167, 34, 47)
RGBA
RGBA(167, 34, 47, 1)
Palettes for #a7222f color:
Below are examples of color palettes with the #a7222f HEX color
darkest color is #110305 from shades and lightest color is #f6e9ea from tints
Shades palette of #a7222f:
#961f2a
#861b26
#751821
#64141c
#541118
#430e13
#320a0e
#210709
#110305
#000000
Tints palette of #a7222f:
#b03844
#b94e59
#c1646d
#ca7a82
#d39197
#dca7ac
#e5bdc1
#edd3d5
#f6e9ea
#ffffff
Complementary palette of #a7222f:
#a7222f
#22a79a
Triadic palette of #a7222f:
#a7222f
#2fa722
#222fa7
Square palette of #a7222f:
#a7222f
#71a722
#22a79a
#5822a7
Analogous palette of #a7222f:
#a72271
#a7222f
#a75822
Split-Complementary palette of #a7222f:
#a7222f
#22a758
#2271a7
Rectangle (tetradic) palette of #a7222f:
#a7222f
#a79a22
#22a79a
#222fa7
Suggested color palettes for #a7222f HEX:
Color palette with color #a7222f #1:
Color palette with color #a7222f #2:
Color palette with color #a7222f #3:
Color palette with color #a7222f #4:
Color palette with color #a7222f #5:
Color #a7222f used in palettes (1)
Color Contrast
Color pairings of #a7222f with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#a7222f
#a7222fContrast Ratio
7.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#a7222f
#a7222fContrast Ratio
2.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #a7222f color png
Visit the popular colors list for more colors