HEX atlas value

#B11226

#B11226 is a warm red HEX color nearest Tool Red. RGB 177, 18, 38, HSL 352° 82% 38%, luminance 0.0992; view contrast and conversions.

red warm vibrant

#B11226 Sample readable text

HEX #B11226

RGB rgb(177, 18, 38)

HSL hsl(352 82% 38%)

CMYK cmyk(0, 90, 79, 31)

Luminance 0.0992

Contrast Black 2.98:1White 7.04:1

CSS

--color-b11226: #B11226;
.background-b11226 { background-color: #B11226; }
.text-b11226 { color: #B11226; }

HEX meaning and use

About #B11226

#B11226 is classified as a warm red value with vibrant visual character. #B11226 is visually closest to Tool Red, a named red color with HEX #B11226.

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

Practical uses for this HEX value include color conversion, WCAG contrast checks, CSS color tokens, and high-energy accents. Its luminance is 0.0992, white text provides the stronger contrast for readable interface or documentation use, and Its nearest named-color distance is 0.00, which helps separate this atlas value from adjacent named color records.

WCAG Accessibility

Black text2.98:1AA Fail

White text7.04:1AA Pass

AA text options: #FFFFFF, #F5F5F5.

AAA text options: #FFFFFF.

Accessibility-Safe Pairings and Alternatives

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

Black text#0000002.98:1 · Fail

White text#FFFFFF7.04:1 · AAA

Accessible Alternatives

#5D0914#5D0914 · #FFFFFF text · best 13.87:1 Ruby Red#9B111E · #FFFFFF text · best 8.43:1 #11B09B#11B09B · #000000 text · best 7.71:1 #9B2736#9B2736 · #FFFFFF text · best 7.67:1 Anodized Red#B00020 · #FFFFFF text · best 7.33:1

Generated Palette

Tool Red#B11226

#11B09B#11B09B

#B01176#B01176

#B04C11#B04C11

#EB334B#EB334B

#5D0914#5D0914

Color Harmonies

#11B09B#11B09B

#B01176#B01176

#B04C11#B04C11

#27B011#27B011

#1127B0#1127B0

Variants

#EB334B#EB334B

#5D0914#5D0914

#C2001A#C2001A

#9B2736#9B2736

#E06172#E06172

#EB001F#EB001F

Nearest Named Colors

Tool Red#B11226

Firebrick#B22222

Anodized Red#B00020

Ruby Red#9B111E

Brown#A52A2A

Luminance0.0992

Black text2.98:1AA Fail

White text7.04: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":"#B11226","rgb":[177,18,38],"hsl":[352,82,38],"cmyk":[0,90,79,31],"luminance":0.0992,"contrast":{"black":2.98,"white":7.04}}

WCAG

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

Safe pairings

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

Accessible alternatives

[{"name":"#5D0914","hex":"#5D0914","family":"red","bestTextColor":"#FFFFFF","contrastBlack":1.51,"contrastWhite":13.87,"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":"#11B09B","hex":"#11B09B","family":"cyan","bestTextColor":"#000000","contrastBlack":7.71,"contrastWhite":2.72,"wcagAA":["#000000","#1A1A1A"],"wcagAAA":["#000000"]},{"name":"#9B2736","hex":"#9B2736","family":"red","bestTextColor":"#FFFFFF","contrastBlack":2.74,"contrastWhite":7.67,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF","#F5F5F5"]},{"name":"Anodized Red","hex":"#B00020","family":"red","bestTextColor":"#FFFFFF","contrastBlack":2.87,"contrastWhite":7.33,"wcagAA":["#FFFFFF","#F5F5F5"],"wcagAAA":["#FFFFFF"]}]

AI context

{"semanticGroups":["warm red","vibrant","vibrant red","Tool Red 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/b11226.json","https://www.colorsencyclopedia.com/api/hex.json","https://www.colorsencyclopedia.com/api/colors/tool-red.json","https://www.colorsencyclopedia.com/api/colors/firebrick.json","https://www.colorsencyclopedia.com/api/colors/anodized-red.json"]}

Harmonies

{"complementary":"#11B09B","analogous":["#B01176","#B04C11"],"triadic":["#27B011","#1127B0"],"tetradic":["#76B011","#11B09B","#4C11B0"],"splitComplementary":["#11B04C","#1176B0"],"monochromatic":["#EB334B","#B11226","#5D0914"]}

Variants

{"light":"#EB334B","dark":"#5D0914","saturated":"#C2001A","desaturated":"#9B2736","pastel":"#E06172","neon":"#EB001F"}

Nearest named colors

[{"slug":"tool-red","name":"Tool Red","hex":"#B11226","distance":0},{"slug":"firebrick","name":"Firebrick","hex":"#B22222","distance":16.522711641858304},{"slug":"anodized-red","name":"Anodized Red","hex":"#B00020","distance":19},{"slug":"ruby-red","name":"Ruby Red","hex":"#9B111E","distance":23.430749027719962},{"slug":"brown","name":"Brown","hex":"#A52A2A","distance":27.129319932501073}]

#B11226

CSS

About #B11226

WCAG Accessibility

Accessibility-Safe Pairings and Alternatives

Accessible Alternatives

Generated Palette

Color Harmonies

Variants

Nearest Named Colors

Machine-Readable HEX Data (JSON)

Related HEX Guides