colorhexa.com

#af4f2b hex color

In a RGB color space, hex #af4f2b is composed of 68.6% red, 31% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.9% magenta, 75.4% yellow and 31.4% black. It has a hue angle of 16.4 degrees, a saturation of 60.6% and a lightness of 42.7%. #af4f2b color hex could be obtained by blending #ff9e56 with #5f0000. Closest websafe color is: #996633.

- R 69
- G 31
- B 17
RGB color chart
- C 0
- M 55
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #af4f2b has RGB values of R:175, G:79, B:43 and CMYK values of C:0, M:0.55, Y:0.75, K:0.31. Its decimal value is 11489067.

Hex triplet	af4f2b	`#af4f2b`
RGB Decimal	175, 79, 43	`rgb(175,79,43)`
RGB Percent	68.6, 31, 16.9	`rgb(68.6%,31%,16.9%)`
CMYK	0, 55, 75, 31
HSL	16.4°, 60.6, 42.7	`hsl(16.4,60.6%,42.7%)`
HSV (or HSB)	16.4°, 75.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.473, 36.88, 39.188
XYZ	20.912, 14.882, 4.057
xyY	0.525, 0.373, 14.882
CIE-LCH	45.473, 53.813, 46.738
CIE-LUV	45.473, 75.965, 32.054
Hunter-Lab	38.578, 29.249, 20.77
Binary	10101111, 01001111, 00101011

#af4f2b
```
#af4f2b rgb(175,79,43)
```
#2b8baf
```
#2b8baf rgb(43,139,175)
```

Complementary Color

#af2b49
```
#af2b49 rgb(175,43,73)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#af912b
```
#af912b rgb(175,145,43)
```

Analogous Color

#2b49af
```
#2b49af rgb(43,73,175)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#2baf91
```
#2baf91 rgb(43,175,145)
```

Split Complementary Color

#4f2baf
```
#4f2baf rgb(79,43,175)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#2baf4f
```
#2baf4f rgb(43,175,79)
```

Triadic Color

#af2b8b
```
#af2b8b rgb(175,43,139)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#2baf4f
```
#2baf4f rgb(43,175,79)
```
#2b8baf
```
#2b8baf rgb(43,139,175)
```

Tetradic Color

#72331c
```
#72331c rgb(114,51,28)
```
#863d21
```
#863d21 rgb(134,61,33)
```
#9b4626
```
#9b4626 rgb(155,70,38)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#c35830
```
#c35830 rgb(195,88,48)
```
#cf653e
```
#cf653e rgb(207,101,62)
```
#d47652
```
#d47652 rgb(212,118,82)
```

Monochromatic Color

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

#af2e2b
```
#af2e2b rgb(175,46,43)
```
#af392b
```
#af392b rgb(175,57,43)
```
#af442b
```
#af442b rgb(175,68,43)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#af5a2b
```
#af5a2b rgb(175,90,43)
```
#af652b
```
#af652b rgb(175,101,43)
```
#af702b
```
#af702b rgb(175,112,43)
```

Similar Colors

Text with hexadecimal color #af4f2b

This text has a font color of #af4f2b.

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

#af4f2b background color

This paragraph has a background color of #af4f2b.

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

#af4f2b border color

This element has a border color of #af4f2b.

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

CSS codes

.text {color:#af4f2b;}

.background {background-color:#af4f2b;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120804
```
#120804 rgb(18,8,4)
```
#210f08
```
#210f08 rgb(33,15,8)
```
#31160c
```
#31160c rgb(49,22,12)
```
#411d10
```
#411d10 rgb(65,29,16)
```
#512414
```
#512414 rgb(81,36,20)
```
#602b18
```
#602b18 rgb(96,43,24)
```
#70331c
```
#70331c rgb(112,51,28)
```
#803a1f
```
#803a1f rgb(128,58,31)
```
#904123
```
#904123 rgb(144,65,35)
```
#9f4827
```
#9f4827 rgb(159,72,39)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#bf562f
```
#bf562f rgb(191,86,47)
```

Shade Color Variation

#cd5e34
```
#cd5e34 rgb(205,94,52)
```
#d16a44
```
#d16a44 rgb(209,106,68)
```
#d57754
```
#d57754 rgb(213,119,84)
```
#d98363
```
#d98363 rgb(217,131,99)
```
#dd9073
```
#dd9073 rgb(221,144,115)
```
#e09c83
```
#e09c83 rgb(224,156,131)
```
#e4a993
```
#e4a993 rgb(228,169,147)
```
#e8b5a2
```
#e8b5a2 rgb(232,181,162)
```
#ecc2b2
```
#ecc2b2 rgb(236,194,178)
```
#f0cec2
```
#f0cec2 rgb(240,206,194)
```
#f4dbd2
```
#f4dbd2 rgb(244,219,210)
```
#f8e7e1
```
#f8e7e1 rgb(248,231,225)
```
#fcf4f1
```
#fcf4f1 rgb(252,244,241)
```

Tint Color Variation

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

#746a66
```
#746a66 rgb(116,106,102)
```
#7d665d
```
#7d665d rgb(125,102,93)
```
#856255
```
#856255 rgb(133,98,85)
```
#8d5e4d
```
#8d5e4d rgb(141,94,77)
```
#965a44
```
#965a44 rgb(150,90,68)
```
#9e573c
```
#9e573c rgb(158,87,60)
```
#a75333
```
#a75333 rgb(167,83,51)
```
#af4f2b
```
#af4f2b rgb(175,79,43)
```
#b74b23
```
#b74b23 rgb(183,75,35)
```
#c0471a
```
#c0471a rgb(192,71,26)
```
#c84412
```
#c84412 rgb(200,68,18)
```
#d14009
```
#d14009 rgb(209,64,9)
```
#d93c01
```
#d93c01 rgb(217,60,1)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#76635c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e733e Protanopia 1% of men
#8e6d2f Deuteranopia 1% of men
#b45459 Tritanopia 0.001% of the population

Trichromacy

#906637 Protanomaly 1% of men, 0.01% of women
#9a622d Deuteranomaly 6% of men, 0.4% of women
#b25248 Tritanomaly 0.01% of the population