#B4313A

Red

HEX

RGB

HSL

About #B4313A Red

#B4313A is a red color. In the RGB color model, it is composed of 180 red, 49 green, and 58 blue. In the HSL color space, it has a hue of 356°, saturation of 57%, and lightness of 45%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #B4313A in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

356°

Hue

57%

Saturation

45%

Lightness

Red

Color Harmonies

Colors that work well with #B4313A based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #B4313A against white and black backgrounds.

Aa#B4313A on White
Contrast Ratio6.1:1
AA AA Large AAA
Aa#B4313A on Black
Contrast Ratio3.44:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #B4313A across different color formats.

FormatValue
HEX#B4313A
RGBrgb(180, 49, 58)
HSLhsl(356, 57%, 45%)
RGB Decimal180, 49, 58
RGB Percent70.6%, 19.2%, 22.7%
CMYK (approx.)0%, 73%, 68%, 29%

Related Palettes

12 palettes using #B4313A or similar colors

#A8243E#E46935#E3D082#E3F2C0
#A92335#E67432#E9DA7C#E0F3BF
#211312#4E2523#6B4442#AD433D
#AE1E3D#E36736#E2CD83#E6F7BA
#F39C12#D35400#C0392B#7F8C8D
#8E44AD#9B59B6#E74C3C#C0392B
#E74C3C#C0392B#34495E#2C3E50
#3498DB#2980B9#E74C3C#C0392B
#F1C40F#F39C12#E74C3C#C0392B
#E74C3C#C0392B#9B59B6#8E44AD
#C3223D#DE6B45#E7C279#EBF0AD
#C32235#DE7345#E7C879#E7F0AD