#B8143A Color
#B8143A is rgb(184, 20, 58) in RGB and hsl(346, 80%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.
#B8143A
HEX
#B8143ARGB
rgb(184, 20, 58)HSL
hsl(346, 80%, 40%)HSV
hsv(346, 89%, 72%)OKLCH
oklch(50.3% 0.192 17.1)CMYK
cmyk(0%, 89%, 68%, 28%)Text Contrast & Accessibility
WCAG contrast ratios for text on a #B8143A background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.
TextWhite text6.56:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text3.2:1AA normal ✗AA large ✓AAA normal ✗
Color Harmonies
Colors that pair well with #B8143A based on color wheel relationships. Click any swatch for its full breakdown.
Tints & Shades
Lighter tints and darker shades of #B8143A, useful for hover states, backgrounds, and text variants.