#af3e2d hex color

In a RGB color space, hex #af3e2d is composed of 68.6% red, 24.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.6% magenta, 74.3% yellow and 31.4% black. It has a hue angle of 7.8 degrees, a saturation of 59.1% and a lightness of 43.1%. #af3e2d color hex could be obtained by blending #ff7c5a with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 24
- B 18
RGB color chart
- C 0
- M 65
- Y 74
- K 31
CMYK color chart

● #af3e2d color description : Dark red.

The hexadecimal color #af3e2d has RGB values of R:175, G:62, B:45 and CMYK values of C:0, M:0.65, Y:0.74, K:0.31. Its decimal value is 11484717.

Hex triplet	af3e2d	`#af3e2d`
RGB Decimal	175, 62, 45	`rgb(175,62,45)`
RGB Percent	68.6, 24.3, 17.6	`rgb(68.6%,24.3%,17.6%)`
CMYK	0, 65, 74, 31
HSL	7.8°, 59.1, 43.1	`hsl(7.8,59.1%,43.1%)`
HSV (or HSB)	7.8°, 74.3, 68.6
Web Safe	993333	`#993333`

CIE-LAB	42.385, 45.12, 34.754
XYZ	19.876, 12.751, 3.897
xyY	0.544, 0.349, 12.751
CIE-LCH	42.385, 56.953, 37.606
CIE-LUV	42.385, 87.588, 25.712
Hunter-Lab	35.708, 36.869, 18.525
Binary	10101111, 00111110, 00101101

#af3e2d
```
#af3e2d rgb(175,62,45)
```
#2d9eaf
```
#2d9eaf rgb(45,158,175)
```

Complementary Color

#af2d5d
```
#af2d5d rgb(175,45,93)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#af7f2d
```
#af7f2d rgb(175,127,45)
```

Analogous Color

#2d5daf
```
#2d5daf rgb(45,93,175)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#2daf7f
```
#2daf7f rgb(45,175,127)
```

Split Complementary Color

#3e2daf
```
#3e2daf rgb(62,45,175)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#2daf3e
```
#2daf3e rgb(45,175,62)
```

Triadic Color

#af2d9e
```
#af2d9e rgb(175,45,158)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#2daf3e
```
#2daf3e rgb(45,175,62)
```
#2d9eaf
```
#2d9eaf rgb(45,158,175)
```

Tetradic Color

#72281d
```
#72281d rgb(114,40,29)
```
#863023
```
#863023 rgb(134,48,35)
```
#9b3728
```
#9b3728 rgb(155,55,40)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#c34532
```
#c34532 rgb(195,69,50)
```
#ce5341
```
#ce5341 rgb(206,83,65)
```
#d36655
```
#d36655 rgb(211,102,85)
```

Monochromatic Color

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

#af2d3d
```
#af2d3d rgb(175,45,61)
```
#af2d32
```
#af2d32 rgb(175,45,50)
```
#af332d
```
#af332d rgb(175,51,45)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#af492d
```
#af492d rgb(175,73,45)
```
#af542d
```
#af542d rgb(175,84,45)
```
#af5e2d
```
#af5e2d rgb(175,94,45)
```

Similar Colors

Text with hexadecimal color #af3e2d

This text has a font color of #af3e2d.

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

#af3e2d background color

This paragraph has a background color of #af3e2d.

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

#af3e2d border color

This element has a border color of #af3e2d.

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

CSS codes

.text {color:#af3e2d;}

.background {background-color:#af3e2d;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130705
```
#130705 rgb(19,7,5)
```
#230c09
```
#230c09 rgb(35,12,9)
```
#32120d
```
#32120d rgb(50,18,13)
```
#421711
```
#421711 rgb(66,23,17)
```
#511d15
```
#511d15 rgb(81,29,21)
```
#612219
```
#612219 rgb(97,34,25)
```
#71281d
```
#71281d rgb(113,40,29)
```
#802d21
```
#802d21 rgb(128,45,33)
```
#903325
```
#903325 rgb(144,51,37)
```
#9f3829
```
#9f3829 rgb(159,56,41)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#bf4431
```
#bf4431 rgb(191,68,49)
```

Shade Color Variation

#cc4b38
```
#cc4b38 rgb(204,75,56)
```
#d05947
```
#d05947 rgb(208,89,71)
```
#d46757
```
#d46757 rgb(212,103,87)
```
#d87566
```
#d87566 rgb(216,117,102)
```
#dc8376
```
#dc8376 rgb(220,131,118)
```
#e09186
```
#e09186 rgb(224,145,134)
```
#e49f95
```
#e49f95 rgb(228,159,149)
```
#e8aea5
```
#e8aea5 rgb(232,174,165)
```
#ecbcb4
```
#ecbcb4 rgb(236,188,180)
```
#f0cac4
```
#f0cac4 rgb(240,202,196)
```
#f4d8d4
```
#f4d8d4 rgb(244,216,212)
```
#f8e6e3
```
#f8e6e3 rgb(248,230,227)
```
#fcf4f3
```
#fcf4f3 rgb(252,244,243)
```

Tint Color Variation

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

#746a68
```
#746a68 rgb(116,106,104)
```
#7c6360
```
#7c6360 rgb(124,99,96)
```
#855d57
```
#855d57 rgb(133,93,87)
```
#8d574f
```
#8d574f rgb(141,87,79)
```
#965146
```
#965146 rgb(150,81,70)
```
#9e4a3e
```
#9e4a3e rgb(158,74,62)
```
#a74435
```
#a74435 rgb(167,68,53)
```
#af3e2d
```
#af3e2d rgb(175,62,45)
```
#b73825
```
#b73825 rgb(183,56,37)
```
#c0321c
```
#c0321c rgb(192,50,28)
```
#c82b14
```
#c82b14 rgb(200,43,20)
```
#d1250b
```
#d1250b rgb(209,37,11)
```
#d91f03
```
#d91f03 rgb(217,31,3)
```

Tone Color Variation

Below, you can see how #af3e2d 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
#6e5854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756c43 Protanopia 1% of men
#85672f Deuteranopia 1% of men
#b34549 Tritanopia 0.001% of the population

Trichromacy

#8a5b3b Protanomaly 1% of men, 0.01% of women
#94582e Deuteranomaly 6% of men, 0.4% of women
#b2423f Tritanomaly 0.01% of the population

#af3e2d hex color

#af3e2d Color Information

#af3e2d Color Conversion

Color Schemes with #af3e2d

Alternatives to #af3e2d

#af3e2d Preview

Shades and Tints of #af3e2d

Tones of #af3e2d

Color Blindness Simulator