#af5b2a hex color

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

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

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

The hexadecimal color #af5b2a has RGB values of R:175, G:91, B:42 and CMYK values of C:0, M:0.48, Y:0.76, K:0.31. Its decimal value is 11492138.

Hex triplet	af5b2a	`#af5b2a`
RGB Decimal	175, 91, 42	`rgb(175,91,42)`
RGB Percent	68.6, 35.7, 16.5	`rgb(68.6%,35.7%,16.5%)`
CMYK	0, 48, 76, 31
HSL	22.1°, 61.3, 42.5	`hsl(22.1,61.3%,42.5%)`
HSV (or HSB)	22.1°, 76, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.963, 30.542, 42.298
XYZ	21.839, 16.765, 4.276
xyY	0.509, 0.391, 16.765
CIE-LCH	47.963, 52.172, 54.168
CIE-LUV	47.963, 66.993, 36.769
Hunter-Lab	40.945, 23.552, 22.47
Binary	10101111, 01011011, 00101010

#af5b2a
```
#af5b2a rgb(175,91,42)
```
#2a7eaf
```
#2a7eaf rgb(42,126,175)
```

Complementary Color

#af2a3b
```
#af2a3b rgb(175,42,59)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#af9e2a
```
#af9e2a rgb(175,158,42)
```

Analogous Color

#2a3baf
```
#2a3baf rgb(42,59,175)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#2aaf9e
```
#2aaf9e rgb(42,175,158)
```

Split Complementary Color

#5b2aaf
```
#5b2aaf rgb(91,42,175)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#2aaf5b
```
#2aaf5b rgb(42,175,91)
```

Triadic Color

#af2a7e
```
#af2a7e rgb(175,42,126)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#2aaf5b
```
#2aaf5b rgb(42,175,91)
```
#2a7eaf
```
#2a7eaf rgb(42,126,175)
```

Tetradic Color

#713b1b
```
#713b1b rgb(113,59,27)
```
#864620
```
#864620 rgb(134,70,32)
```
#9a5025
```
#9a5025 rgb(154,80,37)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#c4662f
```
#c4662f rgb(196,102,47)
```
#d0723c
```
#d0723c rgb(208,114,60)
```
#d58150
```
#d58150 rgb(213,129,80)
```

Monochromatic Color

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

#af3a2a
```
#af3a2a rgb(175,58,42)
```
#af452a
```
#af452a rgb(175,69,42)
```
#af502a
```
#af502a rgb(175,80,42)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#af662a
```
#af662a rgb(175,102,42)
```
#af712a
```
#af712a rgb(175,113,42)
```
#af7c2a
```
#af7c2a rgb(175,124,42)
```

Similar Colors

Text with hexadecimal color #af5b2a

This text has a font color of #af5b2a.

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

#af5b2a background color

This paragraph has a background color of #af5b2a.

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

#af5b2a border color

This element has a border color of #af5b2a.

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

CSS codes

.text {color:#af5b2a;}

.background {background-color:#af5b2a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110904
```
#110904 rgb(17,9,4)
```
#211108
```
#211108 rgb(33,17,8)
```
#30190c
```
#30190c rgb(48,25,12)
```
#40210f
```
#40210f rgb(64,33,15)
```
#502a13
```
#502a13 rgb(80,42,19)
```
#603217
```
#603217 rgb(96,50,23)
```
#703a1b
```
#703a1b rgb(112,58,27)
```
#80421f
```
#80421f rgb(128,66,31)
```
#8f4b22
```
#8f4b22 rgb(143,75,34)
```
#9f5326
```
#9f5326 rgb(159,83,38)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#bf632e
```
#bf632e rgb(191,99,46)
```

Shade Color Variation

#ce6c32
```
#ce6c32 rgb(206,108,50)
```
#d27742
```
#d27742 rgb(210,119,66)
```
#d58252
```
#d58252 rgb(213,130,82)
```
#d98e62
```
#d98e62 rgb(217,142,98)
```
#dd9972
```
#dd9972 rgb(221,153,114)
```
#e1a581
```
#e1a581 rgb(225,165,129)
```
#e5b091
```
#e5b091 rgb(229,176,145)
```
#e8bba1
```
#e8bba1 rgb(232,187,161)
```
#ecc7b1
```
#ecc7b1 rgb(236,199,177)
```
#f0d2c1
```
#f0d2c1 rgb(240,210,193)
```
#f4ded1
```
#f4ded1 rgb(244,222,209)
```
#f8e9e0
```
#f8e9e0 rgb(248,233,224)
```
#fbf4f0
```
#fbf4f0 rgb(251,244,240)
```

Tint Color Variation

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

#756a64
```
#756a64 rgb(117,106,100)
```
#7d685c
```
#7d685c rgb(125,104,92)
```
#856654
```
#856654 rgb(133,102,84)
```
#8e644b
```
#8e644b rgb(142,100,75)
```
#966243
```
#966243 rgb(150,98,67)
```
#9e5f3b
```
#9e5f3b rgb(158,95,59)
```
#a75d32
```
#a75d32 rgb(167,93,50)
```
#af5b2a
```
#af5b2a rgb(175,91,42)
```
#b75922
```
#b75922 rgb(183,89,34)
```
#c05719
```
#c05719 rgb(192,87,25)
```
#c85411
```
#c85411 rgb(200,84,17)
```
#d05209
```
#d05209 rgb(208,82,9)
```
#d95000
```
#d95000 rgb(217,80,0)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6b61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85793b Protanopia 1% of men
#95732f Deuteranopia 1% of men
#b55e64 Tritanopia 0.001% of the population

Trichromacy

#946e35 Protanomaly 1% of men, 0.01% of women
#9e6a2d Deuteranomaly 6% of men, 0.4% of women
#b35d4f Tritanomaly 0.01% of the population

#af5b2a hex color

#af5b2a Color Information

#af5b2a Color Conversion

Color Schemes with #af5b2a

Alternatives to #af5b2a

#af5b2a Preview

Shades and Tints of #af5b2a

Tones of #af5b2a

Color Blindness Simulator