#af4e2d hex color

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

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

● #af4e2d color description : Dark orange [Brown tone].

The hexadecimal color #af4e2d has RGB values of R:175, G:78, B:45 and CMYK values of C:0, M:0.55, Y:0.74, K:0.31. Its decimal value is 11488813.

Hex triplet	af4e2d	`#af4e2d`
RGB Decimal	175, 78, 45	`rgb(175,78,45)`
RGB Percent	68.6, 30.6, 17.6	`rgb(68.6%,30.6%,17.6%)`
CMYK	0, 55, 74, 31
HSL	15.2°, 59.1, 43.1	`hsl(15.2,59.1%,43.1%)`
HSV (or HSB)	15.2°, 74.3, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.296, 37.479, 37.941
XYZ	20.878, 14.754, 4.231
xyY	0.524, 0.37, 14.754
CIE-LCH	45.296, 53.331, 45.351
CIE-LUV	45.296, 76.436, 30.996
Hunter-Lab	38.411, 29.802, 20.357
Binary	10101111, 01001110, 00101101

#af4e2d
```
#af4e2d rgb(175,78,45)
```
#2d8eaf
```
#2d8eaf rgb(45,142,175)
```

Complementary Color

#af2d4d
```
#af2d4d rgb(175,45,77)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#af8f2d
```
#af8f2d rgb(175,143,45)
```

Analogous Color

#2d4daf
```
#2d4daf rgb(45,77,175)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#2daf8f
```
#2daf8f rgb(45,175,143)
```

Split Complementary Color

#4e2daf
```
#4e2daf rgb(78,45,175)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#2daf4e
```
#2daf4e rgb(45,175,78)
```

Triadic Color

#af2d8e
```
#af2d8e rgb(175,45,142)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#2daf4e
```
#2daf4e rgb(45,175,78)
```
#2d8eaf
```
#2d8eaf rgb(45,142,175)
```

Tetradic Color

#72331d
```
#72331d rgb(114,51,29)
```
#863c23
```
#863c23 rgb(134,60,35)
```
#9b4528
```
#9b4528 rgb(155,69,40)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#c35732
```
#c35732 rgb(195,87,50)
```
#ce6541
```
#ce6541 rgb(206,101,65)
```
#d37555
```
#d37555 rgb(211,117,85)
```

Monochromatic Color

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

#af2e2d
```
#af2e2d rgb(175,46,45)
```
#af382d
```
#af382d rgb(175,56,45)
```
#af432d
```
#af432d rgb(175,67,45)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#af592d
```
#af592d rgb(175,89,45)
```
#af642d
```
#af642d rgb(175,100,45)
```
#af6f2d
```
#af6f2d rgb(175,111,45)
```

Similar Colors

Text with hexadecimal color #af4e2d

This text has a font color of #af4e2d.

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

#af4e2d background color

This paragraph has a background color of #af4e2d.

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

#af4e2d border color

This element has a border color of #af4e2d.

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

CSS codes

.text {color:#af4e2d;}

.background {background-color:#af4e2d;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130805
```
#130805 rgb(19,8,5)
```
#230f09
```
#230f09 rgb(35,15,9)
```
#32160d
```
#32160d rgb(50,22,13)
```
#421d11
```
#421d11 rgb(66,29,17)
```
#512415
```
#512415 rgb(81,36,21)
```
#612b19
```
#612b19 rgb(97,43,25)
```
#71321d
```
#71321d rgb(113,50,29)
```
#803921
```
#803921 rgb(128,57,33)
```
#904025
```
#904025 rgb(144,64,37)
```
#9f4729
```
#9f4729 rgb(159,71,41)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#bf5531
```
#bf5531 rgb(191,85,49)
```

Shade Color Variation

#cc5d38
```
#cc5d38 rgb(204,93,56)
```
#d06a47
```
#d06a47 rgb(208,106,71)
```
#d47657
```
#d47657 rgb(212,118,87)
```
#d88366
```
#d88366 rgb(216,131,102)
```
#dc9076
```
#dc9076 rgb(220,144,118)
```
#e09c86
```
#e09c86 rgb(224,156,134)
```
#e4a995
```
#e4a995 rgb(228,169,149)
```
#e8b6a5
```
#e8b6a5 rgb(232,182,165)
```
#ecc2b4
```
#ecc2b4 rgb(236,194,180)
```
#f0cfc4
```
#f0cfc4 rgb(240,207,196)
```
#f4dcd4
```
#f4dcd4 rgb(244,220,212)
```
#f8e8e3
```
#f8e8e3 rgb(248,232,227)
```
#fcf5f3
```
#fcf5f3 rgb(252,245,243)
```

Tint Color Variation

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

#746b68
```
#746b68 rgb(116,107,104)
```
#7c6760
```
#7c6760 rgb(124,103,96)
```
#856357
```
#856357 rgb(133,99,87)
```
#8d5f4f
```
#8d5f4f rgb(141,95,79)
```
#965a46
```
#965a46 rgb(150,90,70)
```
#9e563e
```
#9e563e rgb(158,86,62)
```
#a75235
```
#a75235 rgb(167,82,53)
```
#af4e2d
```
#af4e2d rgb(175,78,45)
```
#b74a25
```
#b74a25 rgb(183,74,37)
```
#c0461c
```
#c0461c rgb(192,70,28)
```
#c84214
```
#c84214 rgb(200,66,20)
```
#d13d0b
```
#d13d0b rgb(209,61,11)
```
#d93903
```
#d93903 rgb(217,57,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#75625b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7240 Protanopia 1% of men
#8d6d31 Deuteranopia 1% of men
#b45358 Tritanopia 0.001% of the population

Trichromacy

#8f6539 Protanomaly 1% of men, 0.01% of women
#99622f Deuteranomaly 6% of men, 0.4% of women
#b25148 Tritanomaly 0.01% of the population

#af4e2d hex color

#af4e2d Color Information

#af4e2d Color Conversion

Color Schemes with #af4e2d

Alternatives to #af4e2d

#af4e2d Preview

Shades and Tints of #af4e2d

Tones of #af4e2d

Color Blindness Simulator