#af3b40 hex color

In a RGB color space, hex #af3b40 is composed of 68.6% red, 23.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 63.4% yellow and 31.4% black. It has a hue angle of 357.4 degrees, a saturation of 49.6% and a lightness of 45.9%. #af3b40 color hex could be obtained by blending #ff7680 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 23
- B 25
RGB color chart
- C 0
- M 66
- Y 63
- K 31
CMYK color chart

● #af3b40 color description : Dark moderate red.

The hexadecimal color #af3b40 has RGB values of R:175, G:59, B:64 and CMYK values of C:0, M:0.66, Y:0.63, K:0.31. Its decimal value is 11483968.

Hex triplet	af3b40	`#af3b40`
RGB Decimal	175, 59, 64	`rgb(175,59,64)`
RGB Percent	68.6, 23.1, 25.1	`rgb(68.6%,23.1%,25.1%)`
CMYK	0, 66, 63, 31
HSL	357.4°, 49.6, 45.9	`hsl(357.4,49.6%,45.9%)`
HSV (or HSB)	357.4°, 66.3, 68.6
Web Safe	993333	`#993333`

CIE-LAB	42.176, 47.473, 23.265
XYZ	20.169, 12.614, 6.223
xyY	0.517, 0.323, 12.614
CIE-LCH	42.176, 52.867, 26.108
CIE-LUV	42.176, 85.494, 16.164
Hunter-Lab	35.516, 39.214, 14.473
Binary	10101111, 00111011, 01000000

#af3b40
```
#af3b40 rgb(175,59,64)
```
#3bafaa
```
#3bafaa rgb(59,175,170)
```

Complementary Color

#af3b7a
```
#af3b7a rgb(175,59,122)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#af703b
```
#af703b rgb(175,112,59)
```

Analogous Color

#3b7aaf
```
#3b7aaf rgb(59,122,175)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#3baf70
```
#3baf70 rgb(59,175,112)
```

Split Complementary Color

#3b40af
```
#3b40af rgb(59,64,175)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#40af3b
```
#40af3b rgb(64,175,59)
```

Triadic Color

#aa3baf
```
#aa3baf rgb(170,59,175)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#40af3b
```
#40af3b rgb(64,175,59)
```
#3bafaa
```
#3bafaa rgb(59,175,170)
```

Tetradic Color

#76282b
```
#76282b rgb(118,40,43)
```
#892e32
```
#892e32 rgb(137,46,50)
```
#9c3539
```
#9c3539 rgb(156,53,57)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#c04449
```
#c04449 rgb(192,68,73)
```
#c6575c
```
#c6575c rgb(198,87,92)
```
#cd6a6e
```
#cd6a6e rgb(205,106,110)
```

Monochromatic Color

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

#af3b5d
```
#af3b5d rgb(175,59,93)
```
#af3b53
```
#af3b53 rgb(175,59,83)
```
#af3b4a
```
#af3b4a rgb(175,59,74)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#af403b
```
#af403b rgb(175,64,59)
```
#af493b
```
#af493b rgb(175,73,59)
```
#af533b
```
#af533b rgb(175,83,59)
```

Similar Colors

Text with hexadecimal color #af3b40

This text has a font color of #af3b40.

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

#af3b40 background color

This paragraph has a background color of #af3b40.

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

#af3b40 border color

This element has a border color of #af3b40.

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

CSS codes

.text {color:#af3b40;}

.background {background-color:#af3b40;}

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

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, #0e0505 is the darkest color, while #fffefe is the lightest one.

#0e0505
```
#0e0505 rgb(14,5,5)
```
#1c0a0a
```
#1c0a0a rgb(28,10,10)
```
#2b0e10
```
#2b0e10 rgb(43,14,16)
```
#3a1315
```
#3a1315 rgb(58,19,21)
```
#48181a
```
#48181a rgb(72,24,26)
```
#571d20
```
#571d20 rgb(87,29,32)
```
#662225
```
#662225 rgb(102,34,37)
```
#74272b
```
#74272b rgb(116,39,43)
```
#832c30
```
#832c30 rgb(131,44,48)
```
#923135
```
#923135 rgb(146,49,53)
```
#a0363b
```
#a0363b rgb(160,54,59)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#be4045
```
#be4045 rgb(190,64,69)
```

Shade Color Variation

#c34e53
```
#c34e53 rgb(195,78,83)
```
#c85d61
```
#c85d61 rgb(200,93,97)
```
#cd6b6f
```
#cd6b6f rgb(205,107,111)
```
#d27a7e
```
#d27a7e rgb(210,122,126)
```
#d7898c
```
#d7898c rgb(215,137,140)
```
#dc979a
```
#dc979a rgb(220,151,154)
```
#e1a6a8
```
#e1a6a8 rgb(225,166,168)
```
#e6b5b7
```
#e6b5b7 rgb(230,181,183)
```
#ebc3c5
```
#ebc3c5 rgb(235,195,197)
```
#f0d2d3
```
#f0d2d3 rgb(240,210,211)
```
#f5e1e1
```
#f5e1e1 rgb(245,225,225)
```
#faeff0
```
#faeff0 rgb(250,239,240)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#797171
```
#797171 rgb(121,113,113)
```
#826869
```
#826869 rgb(130,104,105)
```
#8b5f61
```
#8b5f61 rgb(139,95,97)
```
#945659
```
#945659 rgb(148,86,89)
```
#9d4d50
```
#9d4d50 rgb(157,77,80)
```
#a64448
```
#a64448 rgb(166,68,72)
```
#af3b40
```
#af3b40 rgb(175,59,64)
```
#b83238
```
#b83238 rgb(184,50,56)
```
#c12930
```
#c12930 rgb(193,41,48)
```
#ca2027
```
#ca2027 rgb(202,32,39)
```
#d3171f
```
#d3171f rgb(211,23,31)
```
#dc0e17
```
#dc0e17 rgb(220,14,23)
```
#e5050f
```
#e5050f rgb(229,5,15)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e5758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716b58 Protanopia 1% of men
#816742 Deuteranopia 1% of men
#b34549 Tritanopia 0.001% of the population

Trichromacy

#88594f Protanomaly 1% of men, 0.01% of women
#925741 Deuteranomaly 6% of men, 0.4% of women
#b14145 Tritanomaly 0.01% of the population

#af3b40 hex color

#af3b40 Color Information

#af3b40 Color Conversion

Color Schemes with #af3b40

Alternatives to #af3b40

#af3b40 Preview

Shades and Tints of #af3b40

Tones of #af3b40

Color Blindness Simulator