colorhexa.com

#a3322d hex color

In a RGB color space, hex #a3322d is composed of 63.9% red, 19.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.3% magenta, 72.4% yellow and 36.1% black. It has a hue angle of 2.5 degrees, a saturation of 56.7% and a lightness of 40.8%. #a3322d color hex could be obtained by blending #ff645a with #470000. Closest websafe color is: #993333.

- R 64
- G 20
- B 18
RGB color chart
- C 0
- M 69
- Y 72
- K 36
CMYK color chart

● #a3322d color description : Dark red.

The hexadecimal color #a3322d has RGB values of R:163, G:50, B:45 and CMYK values of C:0, M:0.69, Y:0.72, K:0.36. Its decimal value is 10695213.

Hex triplet	a3322d	`#a3322d`
RGB Decimal	163, 50, 45	`rgb(163,50,45)`
RGB Percent	63.9, 19.6, 17.6	`rgb(63.9%,19.6%,17.6%)`
CMYK	0, 69, 72, 36
HSL	2.5°, 56.7, 40.8	`hsl(2.5,56.7%,40.8%)`
HSV (or HSB)	2.5°, 72.4, 63.9
Web Safe	993333	`#993333`

CIE-LAB	38.303, 46.087, 29.54
XYZ	16.719, 10.259, 3.582
xyY	0.547, 0.336, 10.259
CIE-LCH	38.303, 54.742, 32.659
CIE-LUV	38.303, 85.113, 20.312
Hunter-Lab	32.03, 37.123, 15.79
Binary	10100011, 00110010, 00101101

#a3322d
```
#a3322d rgb(163,50,45)
```
#2d9ea3
```
#2d9ea3 rgb(45,158,163)
```

Complementary Color

#a32d63
```
#a32d63 rgb(163,45,99)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#a36d2d
```
#a36d2d rgb(163,109,45)
```

Analogous Color

#2d63a3
```
#2d63a3 rgb(45,99,163)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#2da36d
```
#2da36d rgb(45,163,109)
```

Split Complementary Color

#322da3
```
#322da3 rgb(50,45,163)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#2da332
```
#2da332 rgb(45,163,50)
```

Triadic Color

#a32d9e
```
#a32d9e rgb(163,45,158)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#2da332
```
#2da332 rgb(45,163,50)
```
#2d9ea3
```
#2d9ea3 rgb(45,158,163)
```

Tetradic Color

#67201c
```
#67201c rgb(103,32,28)
```
#7b2622
```
#7b2622 rgb(123,38,34)
```
#8f2c27
```
#8f2c27 rgb(143,44,39)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#b73833
```
#b73833 rgb(183,56,51)
```
#c9403a
```
#c9403a rgb(201,64,58)
```
#ce544e
```
#ce544e rgb(206,84,78)
```

Monochromatic Color

Below, you can see some colors close to #a3322d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#a32d46
```
#a32d46 rgb(163,45,70)
```
#a32d3c
```
#a32d3c rgb(163,45,60)
```
#a32d32
```
#a32d32 rgb(163,45,50)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#a33c2d
```
#a33c2d rgb(163,60,45)
```
#a3462d
```
#a3462d rgb(163,70,45)
```
#a3502d
```
#a3502d rgb(163,80,45)
```

Similar Colors

Text with hexadecimal color #a3322d

This text has a font color of #a3322d.

<span style="color:#a3322d;">Text here</span>

#a3322d background color

This paragraph has a background color of #a3322d.

<p style="background-color:#a3322d;">Content here</p>

#a3322d border color

This element has a border color of #a3322d.

<div style="border:1px solid #a3322d;">Content here</div>

CSS codes

.text {color:#a3322d;}

.background {background-color:#a3322d;}

.border {border:1px solid #a3322d;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #090303 is the darkest color, while #fdf9f9 is the lightest one.

#090303
```
#090303 rgb(9,3,3)
```
#190807
```
#190807 rgb(25,8,7)
```
#280c0b
```
#280c0b rgb(40,12,11)
```
#37110f
```
#37110f rgb(55,17,15)
```
#471614
```
#471614 rgb(71,22,20)
```
#561a18
```
#561a18 rgb(86,26,24)
```
#661f1c
```
#661f1c rgb(102,31,28)
```
#752420
```
#752420 rgb(117,36,32)
```
#842925
```
#842925 rgb(132,41,37)
```
#942d29
```
#942d29 rgb(148,45,41)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#b23731
```
#b23731 rgb(178,55,49)
```
#c23b35
```
#c23b35 rgb(194,59,53)
```

Shade Color Variation

#ca4640
```
#ca4640 rgb(202,70,64)
```
#cf5550
```
#cf5550 rgb(207,85,80)
```
#d3645f
```
#d3645f rgb(211,100,95)
```
#d7736f
```
#d7736f rgb(215,115,111)
```
#db827e
```
#db827e rgb(219,130,126)
```
#e0918d
```
#e0918d rgb(224,145,141)
```
#e4a09d
```
#e4a09d rgb(228,160,157)
```
#e8afac
```
#e8afac rgb(232,175,172)
```
#ecbdbb
```
#ecbdbb rgb(236,189,187)
```
#f1cccb
```
#f1cccb rgb(241,204,203)
```
#f5dbda
```
#f5dbda rgb(245,219,218)
```
#f9eaea
```
#f9eaea rgb(249,234,234)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6565 is the less saturated color, while #cb0d05 is the most saturated one.

#6b6565
```
#6b6565 rgb(107,101,101)
```
#735e5d
```
#735e5d rgb(115,94,93)
```
#7b5755
```
#7b5755 rgb(123,87,85)
```
#834f4d
```
#834f4d rgb(131,79,77)
```
#8b4845
```
#8b4845 rgb(139,72,69)
```
#93413d
```
#93413d rgb(147,65,61)
```
#9b3935
```
#9b3935 rgb(155,57,53)
```
#a3322d
```
#a3322d rgb(163,50,45)
```
#ab2b25
```
#ab2b25 rgb(171,43,37)
```
#b3231d
```
#b3231d rgb(179,35,29)
```
#bb1c15
```
#bb1c15 rgb(187,28,21)
```
#c3150d
```
#c3150d rgb(195,21,13)
```
#cb0d05
```
#cb0d05 rgb(203,13,5)
```

Tone Color Variation

Below, you can see how #a3322d is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#535353 Achromatopsia 0.005% of the population
#634c4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6244 Protanopia 1% of men
#795e30 Deuteranopia 1% of men
#a83b3e Tritanopia 0.001% of the population

Trichromacy

#7f503b Protanomaly 1% of men, 0.01% of women
#884e2f Deuteranomaly 6% of men, 0.4% of women
#a63838 Tritanomaly 0.01% of the population