#af302b hex color

In a RGB color space, hex #af302b is composed of 68.6% red, 18.8% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 75.4% yellow and 31.4% black. It has a hue angle of 2.3 degrees, a saturation of 60.6% and a lightness of 42.7%. #af302b color hex could be obtained by blending #ff6056 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 19
- B 17
RGB color chart
- C 0
- M 73
- Y 75
- K 31
CMYK color chart

● #af302b color description : Dark red.

The hexadecimal color #af302b has RGB values of R:175, G:48, B:43 and CMYK values of C:0, M:0.73, Y:0.75, K:0.31. Its decimal value is 11481131.

Hex triplet	af302b	`#af302b`
RGB Decimal	175, 48, 43	`rgb(175,48,43)`
RGB Percent	68.6, 18.8, 16.9	`rgb(68.6%,18.8%,16.9%)`
CMYK	0, 73, 75, 31
HSL	2.3°, 60.6, 42.7	`hsl(2.3,60.6%,42.7%)`
HSV (or HSB)	2.3°, 75.4, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.254, 50.766, 33.536
XYZ	19.173, 11.405, 3.477
xyY	0.563, 0.335, 11.405
CIE-LCH	40.254, 60.843, 33.449
CIE-LUV	40.254, 96.463, 22.579
Hunter-Lab	33.771, 42.244, 17.535
Binary	10101111, 00110000, 00101011

#af302b
```
#af302b rgb(175,48,43)
```
#2baaaf
```
#2baaaf rgb(43,170,175)
```

Complementary Color

#af2b68
```
#af2b68 rgb(175,43,104)
```
#af302b
```
#af302b rgb(175,48,43)
```
#af722b
```
#af722b rgb(175,114,43)
```

Analogous Color

#2b68af
```
#2b68af rgb(43,104,175)
```
#af302b
```
#af302b rgb(175,48,43)
```
#2baf72
```
#2baf72 rgb(43,175,114)
```

Split Complementary Color

#302baf
```
#302baf rgb(48,43,175)
```
#af302b
```
#af302b rgb(175,48,43)
```
#2baf30
```
#2baf30 rgb(43,175,48)
```

Triadic Color

#af2baa
```
#af2baa rgb(175,43,170)
```
#af302b
```
#af302b rgb(175,48,43)
```
#2baf30
```
#2baf30 rgb(43,175,48)
```
#2baaaf
```
#2baaaf rgb(43,170,175)
```

Tetradic Color

#721f1c
```
#721f1c rgb(114,31,28)
```
#862521
```
#862521 rgb(134,37,33)
```
#9b2a26
```
#9b2a26 rgb(155,42,38)
```
#af302b
```
#af302b rgb(175,48,43)
```
#c33630
```
#c33630 rgb(195,54,48)
```
#cf433e
```
#cf433e rgb(207,67,62)
```
#d45752
```
#d45752 rgb(212,87,82)
```

Monochromatic Color

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

#af2b47
```
#af2b47 rgb(175,43,71)
```
#af2b3c
```
#af2b3c rgb(175,43,60)
```
#af2b31
```
#af2b31 rgb(175,43,49)
```
#af302b
```
#af302b rgb(175,48,43)
```
#af3b2b
```
#af3b2b rgb(175,59,43)
```
#af462b
```
#af462b rgb(175,70,43)
```
#af512b
```
#af512b rgb(175,81,43)
```

Similar Colors

Text with hexadecimal color #af302b

This text has a font color of #af302b.

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

#af302b background color

This paragraph has a background color of #af302b.

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

#af302b border color

This element has a border color of #af302b.

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

CSS codes

.text {color:#af302b;}

.background {background-color:#af302b;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#120504
```
#120504 rgb(18,5,4)
```
#210908
```
#210908 rgb(33,9,8)
```
#310d0c
```
#310d0c rgb(49,13,12)
```
#411210
```
#411210 rgb(65,18,16)
```
#511614
```
#511614 rgb(81,22,20)
```
#601a18
```
#601a18 rgb(96,26,24)
```
#701f1c
```
#701f1c rgb(112,31,28)
```
#80231f
```
#80231f rgb(128,35,31)
```
#902723
```
#902723 rgb(144,39,35)
```
#9f2c27
```
#9f2c27 rgb(159,44,39)
```
#af302b
```
#af302b rgb(175,48,43)
```
#bf342f
```
#bf342f rgb(191,52,47)
```

Shade Color Variation

#cd3a34
```
#cd3a34 rgb(205,58,52)
```
#d14944
```
#d14944 rgb(209,73,68)
```
#d55854
```
#d55854 rgb(213,88,84)
```
#d96863
```
#d96863 rgb(217,104,99)
```
#dd7773
```
#dd7773 rgb(221,119,115)
```
#e08683
```
#e08683 rgb(224,134,131)
```
#e49693
```
#e49693 rgb(228,150,147)
```
#e8a5a2
```
#e8a5a2 rgb(232,165,162)
```
#ecb4b2
```
#ecb4b2 rgb(236,180,178)
```
#f0c4c2
```
#f0c4c2 rgb(240,196,194)
```
#f4d3d2
```
#f4d3d2 rgb(244,211,210)
```
#f8e2e1
```
#f8e2e1 rgb(248,226,225)
```
#fcf1f1
```
#fcf1f1 rgb(252,241,241)
```

Tint Color Variation

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

#746666
```
#746666 rgb(116,102,102)
```
#7d5e5d
```
#7d5e5d rgb(125,94,93)
```
#855755
```
#855755 rgb(133,87,85)
```
#8d4f4d
```
#8d4f4d rgb(141,79,77)
```
#964744
```
#964744 rgb(150,71,68)
```
#9e3f3c
```
#9e3f3c rgb(158,63,60)
```
#a73833
```
#a73833 rgb(167,56,51)
```
#af302b
```
#af302b rgb(175,48,43)
```
#b72823
```
#b72823 rgb(183,40,35)
```
#c0211a
```
#c0211a rgb(192,33,26)
```
#c81912
```
#c81912 rgb(200,25,18)
```
#d11109
```
#d11109 rgb(209,17,9)
```
#d90901
```
#d90901 rgb(217,9,1)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#674e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#706743 Protanopia 1% of men
#7f622c Deuteranopia 1% of men
#b3393c Tritanopia 0.001% of the population

Trichromacy

#86533a Protanomaly 1% of men, 0.01% of women
#90502c Deuteranomaly 6% of men, 0.4% of women
#b13636 Tritanomaly 0.01% of the population

#af302b hex color

#af302b Color Information

#af302b Color Conversion

Color Schemes with #af302b

Alternatives to #af302b

#af302b Preview

Shades and Tints of #af302b

Tones of #af302b

Color Blindness Simulator