#af4e2a hex color

In a RGB color space, hex #af4e2a is composed of 68.6% red, 30.6% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 76% yellow and 31.4% black. It has a hue angle of 16.2 degrees, a saturation of 61.3% and a lightness of 42.5%. #af4e2a color hex could be obtained by blending #ff9c54 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af4e2a has RGB values of R:175, G:78, B:42 and CMYK values of C:0, M:0.55, Y:0.76, K:0.31. Its decimal value is 11488810.

Hex triplet	af4e2a	`#af4e2a`
RGB Decimal	175, 78, 42	`rgb(175,78,42)`
RGB Percent	68.6, 30.6, 16.5	`rgb(68.6%,30.6%,16.5%)`
CMYK	0, 55, 76, 31
HSL	16.2°, 61.3, 42.5	`hsl(16.2,61.3%,42.5%)`
HSV (or HSB)	16.2°, 76, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.265, 37.344, 39.492
XYZ	20.822, 14.732, 3.937
xyY	0.527, 0.373, 14.732
CIE-LCH	45.265, 54.352, 46.601
CIE-LUV	45.265, 76.833, 32.045
Hunter-Lab	38.382, 29.667, 20.785
Binary	10101111, 01001110, 00101010

#af4e2a
```
#af4e2a rgb(175,78,42)
```
#2a8baf
```
#2a8baf rgb(42,139,175)
```

Complementary Color

#af2a49
```
#af2a49 rgb(175,42,73)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#af912a
```
#af912a rgb(175,145,42)
```

Analogous Color

#2a49af
```
#2a49af rgb(42,73,175)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#2aaf91
```
#2aaf91 rgb(42,175,145)
```

Split Complementary Color

#4e2aaf
```
#4e2aaf rgb(78,42,175)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#2aaf4e
```
#2aaf4e rgb(42,175,78)
```

Triadic Color

#af2a8b
```
#af2a8b rgb(175,42,139)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#2aaf4e
```
#2aaf4e rgb(42,175,78)
```
#2a8baf
```
#2a8baf rgb(42,139,175)
```

Tetradic Color

#71331b
```
#71331b rgb(113,51,27)
```
#863c20
```
#863c20 rgb(134,60,32)
```
#9a4525
```
#9a4525 rgb(154,69,37)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#c4572f
```
#c4572f rgb(196,87,47)
```
#d0643c
```
#d0643c rgb(208,100,60)
```
#d57450
```
#d57450 rgb(213,116,80)
```

Monochromatic Color

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

#af2d2a
```
#af2d2a rgb(175,45,42)
```
#af382a
```
#af382a rgb(175,56,42)
```
#af432a
```
#af432a rgb(175,67,42)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#af592a
```
#af592a rgb(175,89,42)
```
#af642a
```
#af642a rgb(175,100,42)
```
#af6f2a
```
#af6f2a rgb(175,111,42)
```

Similar Colors

Text with hexadecimal color #af4e2a

This text has a font color of #af4e2a.

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

#af4e2a background color

This paragraph has a background color of #af4e2a.

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

#af4e2a border color

This element has a border color of #af4e2a.

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

CSS codes

.text {color:#af4e2a;}

.background {background-color:#af4e2a;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110704
```
#110704 rgb(17,7,4)
```
#210f08
```
#210f08 rgb(33,15,8)
```
#30160c
```
#30160c rgb(48,22,12)
```
#401d0f
```
#401d0f rgb(64,29,15)
```
#502413
```
#502413 rgb(80,36,19)
```
#602b17
```
#602b17 rgb(96,43,23)
```
#70321b
```
#70321b rgb(112,50,27)
```
#80391f
```
#80391f rgb(128,57,31)
```
#8f4022
```
#8f4022 rgb(143,64,34)
```
#9f4726
```
#9f4726 rgb(159,71,38)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#bf552e
```
#bf552e rgb(191,85,46)
```

Shade Color Variation

#ce5c32
```
#ce5c32 rgb(206,92,50)
```
#d26942
```
#d26942 rgb(210,105,66)
```
#d57652
```
#d57652 rgb(213,118,82)
```
#d98262
```
#d98262 rgb(217,130,98)
```
#dd8f72
```
#dd8f72 rgb(221,143,114)
```
#e19b81
```
#e19b81 rgb(225,155,129)
```
#e5a891
```
#e5a891 rgb(229,168,145)
```
#e8b4a1
```
#e8b4a1 rgb(232,180,161)
```
#ecc1b1
```
#ecc1b1 rgb(236,193,177)
```
#f0cec1
```
#f0cec1 rgb(240,206,193)
```
#f4dad1
```
#f4dad1 rgb(244,218,209)
```
#f8e7e0
```
#f8e7e0 rgb(248,231,224)
```
#fbf3f0
```
#fbf3f0 rgb(251,243,240)
```

Tint Color Variation

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

#756964
```
#756964 rgb(117,105,100)
```
#7d655c
```
#7d655c rgb(125,101,92)
```
#856154
```
#856154 rgb(133,97,84)
```
#8e5d4b
```
#8e5d4b rgb(142,93,75)
```
#965943
```
#965943 rgb(150,89,67)
```
#9e563b
```
#9e563b rgb(158,86,59)
```
#a75232
```
#a75232 rgb(167,82,50)
```
#af4e2a
```
#af4e2a rgb(175,78,42)
```
#b74a22
```
#b74a22 rgb(183,74,34)
```
#c04619
```
#c04619 rgb(192,70,25)
```
#c84311
```
#c84311 rgb(200,67,17)
```
#d03f09
```
#d03f09 rgb(208,63,9)
```
#d93b00
```
#d93b00 rgb(217,59,0)
```

Tone Color Variation

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

#7e723d Protanopia 1% of men
#8d6d2e Deuteranopia 1% of men
#b45358 Tritanopia 0.001% of the population

Trichromacy

#906536 Protanomaly 1% of men, 0.01% of women
#99622c Deuteranomaly 6% of men, 0.4% of women
#b25147 Tritanomaly 0.01% of the population

#af4e2a hex color

#af4e2a Color Information

#af4e2a Color Conversion

Color Schemes with #af4e2a

Alternatives to #af4e2a

#af4e2a Preview

Shades and Tints of #af4e2a

Tones of #af4e2a

Color Blindness Simulator