#a3223d hex color

In a RGB color space, hex #a3223d is composed of 63.9% red, 13.3% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.1% magenta, 62.6% yellow and 36.1% black. It has a hue angle of 347.4 degrees, a saturation of 65.5% and a lightness of 38.6%. #a3223d color hex could be obtained by blending #ff447a with #470000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 13
- B 24
RGB color chart
- C 0
- M 79
- Y 63
- K 36
CMYK color chart

● #a3223d color description : Dark red.

The hexadecimal color #a3223d has RGB values of R:163, G:34, B:61 and CMYK values of C:0, M:0.79, Y:0.63, K:0.36. Its decimal value is 10691133.

Hex triplet	a3223d	`#a3223d`
RGB Decimal	163, 34, 61	`rgb(163,34,61)`
RGB Percent	63.9, 13.3, 23.9	`rgb(63.9%,13.3%,23.9%)`
CMYK	0, 79, 63, 36
HSL	347.4°, 65.5, 38.6	`hsl(347.4,65.5%,38.6%)`
HSV (or HSB)	347.4°, 79.1, 63.9
Web Safe	993333	`#993333`

CIE-LAB	36.498, 52.748, 17.333
XYZ	16.519, 9.269, 5.334
xyY	0.531, 0.298, 9.269
CIE-LCH	36.498, 55.523, 18.191
CIE-LUV	36.498, 88.873, 8.507
Hunter-Lab	30.446, 43.571, 10.925
Binary	10100011, 00100010, 00111101

#a3223d
```
#a3223d rgb(163,34,61)
```
#22a388
```
#22a388 rgb(34,163,136)
```

Complementary Color

#a3227e
```
#a3227e rgb(163,34,126)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#a34822
```
#a34822 rgb(163,72,34)
```

Analogous Color

#227ea3
```
#227ea3 rgb(34,126,163)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#22a348
```
#22a348 rgb(34,163,72)
```

Split Complementary Color

#223da3
```
#223da3 rgb(34,61,163)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#3da322
```
#3da322 rgb(61,163,34)
```

Triadic Color

#8822a3
```
#8822a3 rgb(136,34,163)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#3da322
```
#3da322 rgb(61,163,34)
```
#22a388
```
#22a388 rgb(34,163,136)
```

Tetradic Color

#641525
```
#641525 rgb(100,21,37)
```
#79192d
```
#79192d rgb(121,25,45)
```
#8e1e35
```
#8e1e35 rgb(142,30,53)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#b82645
```
#b82645 rgb(184,38,69)
```
#cd2b4d
```
#cd2b4d rgb(205,43,77)
```
#d63b5c
```
#d63b5c rgb(214,59,92)
```

Monochromatic Color

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

#a3225d
```
#a3225d rgb(163,34,93)
```
#a32253
```
#a32253 rgb(163,34,83)
```
#a32248
```
#a32248 rgb(163,34,72)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#a32232
```
#a32232 rgb(163,34,50)
```
#a32227
```
#a32227 rgb(163,34,39)
```
#a32722
```
#a32722 rgb(163,39,34)
```

Similar Colors

Text with hexadecimal color #a3223d

This text has a font color of #a3223d.

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

#a3223d background color

This paragraph has a background color of #a3223d.

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

#a3223d border color

This element has a border color of #a3223d.

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

CSS codes

.text {color:#a3223d;}

.background {background-color:#a3223d;}

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

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, #010000 is the darkest color, while #fceff2 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110406
```
#110406 rgb(17,4,6)
```
#21070c
```
#21070c rgb(33,7,12)
```
#310a12
```
#310a12 rgb(49,10,18)
```
#420e19
```
#420e19 rgb(66,14,25)
```
#52111f
```
#52111f rgb(82,17,31)
```
#621425
```
#621425 rgb(98,20,37)
```
#72182b
```
#72182b rgb(114,24,43)
```
#831b31
```
#831b31 rgb(131,27,49)
```
#931f37
```
#931f37 rgb(147,31,55)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#b32543
```
#b32543 rgb(179,37,67)
```
#c32949
```
#c32949 rgb(195,41,73)
```

Shade Color Variation

#d32d50
```
#d32d50 rgb(211,45,80)
```
#d73d5d
```
#d73d5d rgb(215,61,93)
```
#da4d6b
```
#da4d6b rgb(218,77,107)
```
#dd5d78
```
#dd5d78 rgb(221,93,120)
```
#e16e86
```
#e16e86 rgb(225,110,134)
```
#e47e93
```
#e47e93 rgb(228,126,147)
```
#e78ea1
```
#e78ea1 rgb(231,142,161)
```
#eb9eae
```
#eb9eae rgb(235,158,174)
```
#eeafbc
```
#eeafbc rgb(238,175,188)
```
#f2bfc9
```
#f2bfc9 rgb(242,191,201)
```
#f5cfd7
```
#f5cfd7 rgb(245,207,215)
```
#f8dfe5
```
#f8dfe5 rgb(248,223,229)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```

Tint Color Variation

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

#665f60
```
#665f60 rgb(102,95,96)
```
#6e575c
```
#6e575c rgb(110,87,92)
```
#764f57
```
#764f57 rgb(118,79,87)
```
#7d4853
```
#7d4853 rgb(125,72,83)
```
#85404f
```
#85404f rgb(133,64,79)
```
#8c394a
```
#8c394a rgb(140,57,74)
```
#943146
```
#943146 rgb(148,49,70)
```
#9b2a41
```
#9b2a41 rgb(155,42,65)
```
#a3223d
```
#a3223d rgb(163,34,61)
```
#ab1a39
```
#ab1a39 rgb(171,26,57)
```
#b21334
```
#b21334 rgb(178,19,52)
```
#ba0b30
```
#ba0b30 rgb(186,11,48)
```
#c1042b
```
#c1042b rgb(193,4,43)
```

Tone Color Variation

Below, you can see how #a3223d 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

#4c4c4c Achromatopsia 0.005% of the population
#5d4449 Atypical Achromatopsia 0.001% of the population

Dichromacy

#615e5a Protanopia 1% of men
#715a3e Deuteranopia 1% of men
#a63133 Tritanopia 0.001% of the population

Trichromacy

#79484f Protanomaly 1% of men, 0.01% of women
#83463e Deuteranomaly 6% of men, 0.4% of women
#a52c37 Tritanomaly 0.01% of the population

#a3223d hex color

#a3223d Color Information

#a3223d Color Conversion

Color Schemes with #a3223d

Alternatives to #a3223d

#a3223d Preview

Shades and Tints of #a3223d

Tones of #a3223d

Color Blindness Simulator