#A7342A

Red

HEX

RGB

HSL

About #A7342A Red

#A7342A is a red color. In the RGB color model, it is composed of 167 red, 52 green, and 42 blue. In the HSL color space, it has a hue of 5°, saturation of 60%, and lightness of 41%.

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 #A7342A in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

5°

Hue

60%

Saturation

41%

Lightness

Red

Color Harmonies

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

Accessibility

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

Aa#A7342A on White
Contrast Ratio6.63:1
AA AA Large AAA
Aa#A7342A on Black
Contrast Ratio3.17:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #A7342A across different color formats.

FormatValue
HEX#A7342A
RGBrgb(167, 52, 42)
HSLhsl(5, 60%, 41%)
RGB Decimal167, 52, 42
RGB Percent65.5%, 20.4%, 16.5%
CMYK (approx.)0%, 69%, 75%, 35%

Related Palettes

12 palettes using #A7342A or similar colors

#A63526#D99E40#DAE67F#D3F3BE
#A53A27#E6A732#DAEA7B#D1F4BD
#AB2D21#DA993E#E0E97C#D4F5BC
#A84024#E3B235#D2EB7A#CDF4BE
#AA2922#D59443#E9EF76#D6F2BF
#AC2720#E29536#E9EF76#D6F7BA
#A92335#E67432#E9DA7C#E0F3BF
#A64A26#E3BD36#CAEA7B#C9F4BD
#211312#4E2523#6B4442#AD433D
#F39C12#D35400#C0392B#7F8C8D
#8E44AD#9B59B6#E74C3C#C0392B
#E74C3C#C0392B#34495E#2C3E50