#af4330 hex color

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

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

● #af4330 color description : Dark red.

The hexadecimal color #af4330 has RGB values of R:175, G:67, B:48 and CMYK values of C:0, M:0.62, Y:0.73, K:0.31. Its decimal value is 11486000.

Hex triplet	af4330	`#af4330`
RGB Decimal	175, 67, 48	`rgb(175,67,48)`
RGB Percent	68.6, 26.3, 18.8	`rgb(68.6%,26.3%,18.8%)`
CMYK	0, 62, 73, 31
HSL	9°, 57, 43.7	`hsl(9,57%,43.7%)`
HSV (or HSB)	9°, 72.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	43.277, 42.982, 34.056
XYZ	20.221, 13.344, 4.307
xyY	0.534, 0.352, 13.344
CIE-LCH	43.277, 54.838, 38.391
CIE-LUV	43.277, 83.744, 26.121
Hunter-Lab	36.529, 34.882, 18.58
Binary	10101111, 01000011, 00110000

#af4330
```
#af4330 rgb(175,67,48)
```
#309caf
```
#309caf rgb(48,156,175)
```

Complementary Color

#af305c
```
#af305c rgb(175,48,92)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#af8330
```
#af8330 rgb(175,131,48)
```

Analogous Color

#305daf
```
#305daf rgb(48,93,175)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#30af83
```
#30af83 rgb(48,175,131)
```

Split Complementary Color

#4330af
```
#4330af rgb(67,48,175)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#30af43
```
#30af43 rgb(48,175,67)
```

Triadic Color

#af309c
```
#af309c rgb(175,48,156)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#30af43
```
#30af43 rgb(48,175,67)
```
#309caf
```
#309caf rgb(48,156,175)
```

Tetradic Color

#732c20
```
#732c20 rgb(115,44,32)
```
#873425
```
#873425 rgb(135,52,37)
```
#9b3b2b
```
#9b3b2b rgb(155,59,43)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#c34b35
```
#c34b35 rgb(195,75,53)
```
#cc5a46
```
#cc5a46 rgb(204,90,70)
```
#d26c5a
```
#d26c5a rgb(210,108,90)
```

Monochromatic Color

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

#af303d
```
#af303d rgb(175,48,61)
```
#af3032
```
#af3032 rgb(175,48,50)
```
#af3830
```
#af3830 rgb(175,56,48)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#af4e30
```
#af4e30 rgb(175,78,48)
```
#af5830
```
#af5830 rgb(175,88,48)
```
#af6330
```
#af6330 rgb(175,99,48)
```

Similar Colors

Text with hexadecimal color #af4330

This text has a font color of #af4330.

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

#af4330 background color

This paragraph has a background color of #af4330.

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

#af4330 border color

This element has a border color of #af4330.

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

CSS codes

.text {color:#af4330;}

.background {background-color:#af4330;}

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

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)
```
#431a12
```
#431a12 rgb(67,26,18)
```
#532017
```
#532017 rgb(83,32,23)
```
#62261b
```
#62261b rgb(98,38,27)
```
#712b1f
```
#712b1f rgb(113,43,31)
```
#813123
```
#813123 rgb(129,49,35)
```
#903728
```
#903728 rgb(144,55,40)
```
#a03d2c
```
#a03d2c rgb(160,61,44)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#be4934
```
#be4934 rgb(190,73,52)
```

Shade Color Variation

#ca523d
```
#ca523d rgb(202,82,61)
```
#ce5f4c
```
#ce5f4c rgb(206,95,76)
```
#d26d5b
```
#d26d5b rgb(210,109,91)
```
#d67b6b
```
#d67b6b rgb(214,123,107)
```
#db897a
```
#db897a rgb(219,137,122)
```
#df968a
```
#df968a rgb(223,150,138)
```
#e3a499
```
#e3a499 rgb(227,164,153)
```
#e7b2a8
```
#e7b2a8 rgb(231,178,168)
```
#ebbfb8
```
#ebbfb8 rgb(235,191,184)
```
#f0cdc7
```
#f0cdc7 rgb(240,205,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 #da2505 is the most saturated one.

#736d6c
```
#736d6c rgb(115,109,108)
```
#7c6763
```
#7c6763 rgb(124,103,99)
```
#84615b
```
#84615b rgb(132,97,91)
```
#8d5b52
```
#8d5b52 rgb(141,91,82)
```
#95554a
```
#95554a rgb(149,85,74)
```
#9e4f41
```
#9e4f41 rgb(158,79,65)
```
#a64939
```
#a64939 rgb(166,73,57)
```
#af4330
```
#af4330 rgb(175,67,48)
```
#b83d27
```
#b83d27 rgb(184,61,39)
```
#c0371f
```
#c0371f rgb(192,55,31)
```
#c93116
```
#c93116 rgb(201,49,22)
```
#d12b0e
```
#d12b0e rgb(209,43,14)
```
#da2505
```
#da2505 rgb(218,37,5)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#715b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e45 Protanopia 1% of men
#876933 Deuteranopia 1% of men
#b44a4e Tritanopia 0.001% of the population

Trichromacy

#8b5e3d Protanomaly 1% of men, 0.01% of women
#955b32 Deuteranomaly 6% of men, 0.4% of women
#b24743 Tritanomaly 0.01% of the population

#af4330 hex color

#af4330 Color Information

#af4330 Color Conversion

Color Schemes with #af4330

Alternatives to #af4330

#af4330 Preview

Shades and Tints of #af4330

Tones of #af4330

Color Blindness Simulator