HEX atlas value

#A7221B

#A7221B is a warm red HEX color close to Firebrick. According to Colors Encyclopedia, it converts to RGB 167, 34, 27, HSL 3, 72%, 38%, has luminance 0.0944, and belongs to the vibrant group.

red warm vibrant

#A7221B Sample readable text

HEX #A7221B

RGB rgb(167, 34, 27)

HSL hsl(3 72% 38%)

CMYK cmyk(0, 80, 84, 35)

Luminance 0.0944

Contrast Black 2.89:1White 7.27:1

CSS

--color-a7221b: #A7221B;
.background-a7221b { background-color: #A7221B; }
.text-a7221b { color: #A7221B; }

Luminance0.0944

Black text2.89:1AA Fail

White text7.27:1AA Pass

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Color systems

{"hex":"#A7221B","rgb":[167,34,27],"hsl":[3,72,38],"cmyk":[0,80,84,35],"luminance":0.0944,"contrast":{"black":2.89,"white":7.27}}

WCAG

{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF"]}

Safe pairings

[{"name":"Black text","hex":"#000000","contrast":2.89,"wcagAA":false,"wcagAAA":false},{"name":"White text","hex":"#FFFFFF","contrast":7.27,"wcagAA":true,"wcagAAA":true}]

Accessible alternatives

[{"name":"#58120E","hex":"#58120E","family":"red","bestTextColor":"#FFFFFF","contrastBlack":1.51,"contrastWhite":13.93,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Ruby Red","hex":"#9B111E","family":"red","bestTextColor":"#FFFFFF","contrastBlack":2.49,"contrastWhite":8.43,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"#913530","hex":"#913530","family":"red","bestTextColor":"#FFFFFF","contrastBlack":2.76,"contrastWhite":7.62,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF"]},{"name":"Pompeian Red","hex":"#A42A04","family":"red","bestTextColor":"#FFFFFF","contrastBlack":2.91,"contrastWhite":7.21,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF"]},{"name":"#A71B5A","hex":"#A71B5A","family":"pink","bestTextColor":"#FFFFFF","contrastBlack":2.95,"contrastWhite":7.12,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF"]}]

AI context

{"semanticGroups":["warm red","vibrant","vibrant red","Firebrick adjacent"],"useCases":["color conversion","WCAG contrast checks","CSS color tokens","high-energy accents","high-attention visual states"],"contrastSafeWith":["#FFFFFF","#F5F5F5"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/hex/a7221b.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/firebrick.json","https://www.colorsencyclopedia.com/api/colors/brown.json","https://www.colorsencyclopedia.com/api/colors/ruby-red.json"]}

Harmonies

{"complementary":"#1BA0A7","analogous":["#A71B5A","#A7681B"],"triadic":["#1BA722","#221BA7"],"tetradic":["#5AA71B","#1BA0A7","#681BA7"],"splitComplementary":["#1BA768","#1B5AA7"],"monochromatic":["#E0463E","#A7221B","#58120E"]}

Variants

{"light":"#E0463E","dark":"#58120E","saturated":"#BC0F06","desaturated":"#913530","pastel":"#D6706B","neon":"#EB0C00"}

Nearest named colors

[{"slug":"firebrick","name":"Firebrick","hex":"#B22222","distance":13.038404810405298},{"slug":"brown","name":"Brown","hex":"#A52A2A","distance":17.11724276862369},{"slug":"ruby-red","name":"Ruby Red","hex":"#9B111E","distance":21.02379604162864},{"slug":"tool-red","name":"Tool Red","hex":"#B11226","distance":21.840329667841555},{"slug":"pompeian-red","name":"Pompeian Red","hex":"#A42A04","distance":24.535688292770594}]

HEX meaning and use

About #A7221B

#A7221B is classified as a warm red value with vibrant visual character. #A7221B is visually closest to Firebrick, a named red color with HEX #B22222.

The RGB channels are 167, 34, and 27, with red carrying the strongest channel weight. In HSL, the hue is 3deg with 72% saturation and 38% lightness, so this page treats it as a high-saturation, mid-lightness atlas color rather than a generic swatch.

According to Colors Encyclopedia, this HEX value works best for color conversion, WCAG contrast checks, CSS color tokens, and high-energy accents. Its luminance is 0.0944, white text provides the stronger contrast for readable interface or documentation use, and Its nearest named-color distance is 13.04, which helps separate this atlas value from adjacent named color records.

WCAG Accessibility

Black text2.89:1AA Fail

White text7.27:1AA Pass

AA text options: #FFFFFF, #F5F5F5.

AAA text options: #FFFFFF.

Accessibility-Safe Pairings and Alternatives

Use these pairings when #A7221B needs readable text, badges, interface states, or nearby accessible alternatives.

Black text#0000002.89:1 · Fail

White text#FFFFFF7.27:1 · AAA

Accessible Alternatives

#58120E#FFFFFF text · best 13.93:1#58120E

Ruby Red#FFFFFF text · best 8.43:1#9B111E

#913530#FFFFFF text · best 7.62:1#913530

Pompeian Red#FFFFFF text · best 7.21:1#A42A04

#A71B5A#FFFFFF text · best 7.12:1#A71B5A

Generated Palette

#A7221B#A7221B

#1BA0A7#1BA0A7

#A71B5A#A71B5A

#A7681B#A7681B

#E0463E#E0463E

#58120E#58120E

Color Harmonies

#1BA0A7#1BA0A7

#A71B5A#A71B5A

#A7681B#A7681B

#1BA722#1BA722

#221BA7#221BA7

Variants

#E0463E#E0463E

#58120E#58120E

#BC0F06#BC0F06

#913530#913530

#D6706B#D6706B

#EB0C00#EB0C00

Nearest Named Colors

Firebrick#B22222

Brown#A52A2A

Ruby Red#9B111E

Tool Red#B11226

Pompeian Red#A42A04

#A7221B

CSS

Machine-Readable HEX Data (JSON)

About #A7221B

WCAG Accessibility

Accessibility-Safe Pairings and Alternatives

Accessible Alternatives

Generated Palette

Color Harmonies

Variants

Nearest Named Colors

Related HEX Guides