#af4530 hex color

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

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

● #af4530 color description : Dark red.

The hexadecimal color #af4530 has RGB values of R:175, G:69, B:48 and CMYK values of C:0, M:0.61, Y:0.73, K:0.31. Its decimal value is 11486512.

Hex triplet	af4530	`#af4530`
RGB Decimal	175, 69, 48	`rgb(175,69,48)`
RGB Percent	68.6, 27.1, 18.8	`rgb(68.6%,27.1%,18.8%)`
CMYK	0, 61, 73, 31
HSL	9.9°, 57, 43.7	`hsl(9.9,57%,43.7%)`
HSV (or HSB)	9.9°, 72.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	43.633, 42.041, 34.458
XYZ	20.342, 13.586, 4.347
xyY	0.531, 0.355, 13.586
CIE-LCH	43.633, 54.358, 39.339
CIE-LUV	43.633, 82.38, 26.778
Hunter-Lab	36.859, 34.008, 18.808
Binary	10101111, 01000101, 00110000

#af4530
```
#af4530 rgb(175,69,48)
```
#309aaf
```
#309aaf rgb(48,154,175)
```

Complementary Color

#af305b
```
#af305b rgb(175,48,91)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#af8530
```
#af8530 rgb(175,133,48)
```

Analogous Color

#305aaf
```
#305aaf rgb(48,90,175)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#30af85
```
#30af85 rgb(48,175,133)
```

Split Complementary Color

#4530af
```
#4530af rgb(69,48,175)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#30af45
```
#30af45 rgb(48,175,69)
```

Triadic Color

#af309a
```
#af309a rgb(175,48,154)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#30af45
```
#30af45 rgb(48,175,69)
```
#309aaf
```
#309aaf rgb(48,154,175)
```

Tetradic Color

#732d20
```
#732d20 rgb(115,45,32)
```
#873525
```
#873525 rgb(135,53,37)
```
#9b3d2b
```
#9b3d2b rgb(155,61,43)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#c34d35
```
#c34d35 rgb(195,77,53)
```
#cc5c46
```
#cc5c46 rgb(204,92,70)
```
#d26e5a
```
#d26e5a rgb(210,110,90)
```

Monochromatic Color

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

#af303b
```
#af303b rgb(175,48,59)
```
#af3030
```
#af3030 rgb(175,48,48)
```
#af3a30
```
#af3a30 rgb(175,58,48)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#af5030
```
#af5030 rgb(175,80,48)
```
#af5a30
```
#af5a30 rgb(175,90,48)
```
#af6530
```
#af6530 rgb(175,101,48)
```

Similar Colors

Text with hexadecimal color #af4530

This text has a font color of #af4530.

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

#af4530 background color

This paragraph has a background color of #af4530.

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

#af4530 border color

This element has a border color of #af4530.

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

CSS codes

.text {color:#af4530;}

.background {background-color:#af4530;}

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

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

#060202
```
#060202 rgb(6,2,2)
```
#150806
```
#150806 rgb(21,8,6)
```
#240e0a
```
#240e0a rgb(36,14,10)
```
#34140e
```
#34140e rgb(52,20,14)
```
#431b12
```
#431b12 rgb(67,27,18)
```
#532117
```
#532117 rgb(83,33,23)
```
#62271b
```
#62271b rgb(98,39,27)
```
#712d1f
```
#712d1f rgb(113,45,31)
```
#813323
```
#813323 rgb(129,51,35)
```
#903928
```
#903928 rgb(144,57,40)
```
#a03f2c
```
#a03f2c rgb(160,63,44)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#be4b34
```
#be4b34 rgb(190,75,52)
```

Shade Color Variation

#ca543d
```
#ca543d rgb(202,84,61)
```
#ce614c
```
#ce614c rgb(206,97,76)
```
#d26f5b
```
#d26f5b rgb(210,111,91)
```
#d67d6b
```
#d67d6b rgb(214,125,107)
```
#db8a7a
```
#db8a7a rgb(219,138,122)
```
#df988a
```
#df988a rgb(223,152,138)
```
#e3a599
```
#e3a599 rgb(227,165,153)
```
#e7b3a8
```
#e7b3a8 rgb(231,179,168)
```
#ebc0b8
```
#ebc0b8 rgb(235,192,184)
```
#f0cec7
```
#f0cec7 rgb(240,206,199)
```
#f4dbd6
```
#f4dbd6 rgb(244,219,214)
```
#f8e9e6
```
#f8e9e6 rgb(248,233,230)
```
#fcf6f5
```
#fcf6f5 rgb(252,246,245)
```

Tint Color Variation

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

#736d6c
```
#736d6c rgb(115,109,108)
```
#7c6763
```
#7c6763 rgb(124,103,99)
```
#84625b
```
#84625b rgb(132,98,91)
```
#8d5c52
```
#8d5c52 rgb(141,92,82)
```
#95564a
```
#95564a rgb(149,86,74)
```
#9e5041
```
#9e5041 rgb(158,80,65)
```
#a64b39
```
#a64b39 rgb(166,75,57)
```
#af4530
```
#af4530 rgb(175,69,48)
```
#b83f27
```
#b83f27 rgb(184,63,39)
```
#c03a1f
```
#c03a1f rgb(192,58,31)
```
#c93416
```
#c93416 rgb(201,52,22)
```
#d12e0e
```
#d12e0e rgb(209,46,14)
```
#da2805
```
#da2805 rgb(218,40,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#715c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#796f45 Protanopia 1% of men
#886933 Deuteranopia 1% of men
#b44b50 Tritanopia 0.001% of the population

Trichromacy

#8c5f3d Protanomaly 1% of men, 0.01% of women
#965c32 Deuteranomaly 6% of men, 0.4% of women
#b24944 Tritanomaly 0.01% of the population

#af4530 hex color

#af4530 Color Information

#af4530 Color Conversion

Color Schemes with #af4530

Alternatives to #af4530

#af4530 Preview

Shades and Tints of #af4530

Tones of #af4530

Color Blindness Simulator