#af5f2c hex color

In a RGB color space, hex #af5f2c is composed of 68.6% red, 37.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.7% magenta, 74.9% yellow and 31.4% black. It has a hue angle of 23.4 degrees, a saturation of 59.8% and a lightness of 42.9%. #af5f2c color hex could be obtained by blending #ffbe58 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 37
- B 17
RGB color chart
- C 0
- M 46
- Y 75
- K 31
CMYK color chart

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

The hexadecimal color #af5f2c has RGB values of R:175, G:95, B:44 and CMYK values of C:0, M:0.46, Y:0.75, K:0.31. Its decimal value is 11493164.

Hex triplet	af5f2c	`#af5f2c`
RGB Decimal	175, 95, 44	`rgb(175,95,44)`
RGB Percent	68.6, 37.3, 17.3	`rgb(68.6%,37.3%,17.3%)`
CMYK	0, 46, 75, 31
HSL	23.4°, 59.8, 42.9	`hsl(23.4,59.8%,42.9%)`
HSV (or HSB)	23.4°, 74.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.862, 28.469, 42.242
XYZ	22.227, 17.482, 4.587
xyY	0.502, 0.395, 17.482
CIE-LCH	48.862, 50.94, 56.022
CIE-LUV	48.862, 63.703, 37.643
Hunter-Lab	41.812, 21.719, 22.764
Binary	10101111, 01011111, 00101100

#af5f2c
```
#af5f2c rgb(175,95,44)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```

Complementary Color

#af2c3b
```
#af2c3b rgb(175,44,59)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#afa12c
```
#afa12c rgb(175,161,44)
```

Analogous Color

#2c3baf
```
#2c3baf rgb(44,59,175)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#2cafa1
```
#2cafa1 rgb(44,175,161)
```

Split Complementary Color

#5f2caf
```
#5f2caf rgb(95,44,175)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#2caf5f
```
#2caf5f rgb(44,175,95)
```

Triadic Color

#af2c7c
```
#af2c7c rgb(175,44,124)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#2caf5f
```
#2caf5f rgb(44,175,95)
```
#2c7caf
```
#2c7caf rgb(44,124,175)
```

Tetradic Color

#723e1d
```
#723e1d rgb(114,62,29)
```
#864922
```
#864922 rgb(134,73,34)
```
#9b5427
```
#9b5427 rgb(155,84,39)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#c36a31
```
#c36a31 rgb(195,106,49)
```
#cf773f
```
#cf773f rgb(207,119,63)
```
#d48654
```
#d48654 rgb(212,134,84)
```

Monochromatic Color

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

#af3e2c
```
#af3e2c rgb(175,62,44)
```
#af492c
```
#af492c rgb(175,73,44)
```
#af542c
```
#af542c rgb(175,84,44)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#af6a2c
```
#af6a2c rgb(175,106,44)
```
#af752c
```
#af752c rgb(175,117,44)
```
#af802c
```
#af802c rgb(175,128,44)
```

Similar Colors

Text with hexadecimal color #af5f2c

This text has a font color of #af5f2c.

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

#af5f2c background color

This paragraph has a background color of #af5f2c.

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

#af5f2c border color

This element has a border color of #af5f2c.

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

CSS codes

.text {color:#af5f2c;}

.background {background-color:#af5f2c;}

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

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 #fcf6f2 is the lightest one.

#030101
```
#030101 rgb(3,1,1)
```
#120a05
```
#120a05 rgb(18,10,5)
```
#221209
```
#221209 rgb(34,18,9)
```
#321b0c
```
#321b0c rgb(50,27,12)
```
#412310
```
#412310 rgb(65,35,16)
```
#512c14
```
#512c14 rgb(81,44,20)
```
#613418
```
#613418 rgb(97,52,24)
```
#703d1c
```
#703d1c rgb(112,61,28)
```
#804520
```
#804520 rgb(128,69,32)
```
#904e24
```
#904e24 rgb(144,78,36)
```
#9f5628
```
#9f5628 rgb(159,86,40)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#bf6830
```
#bf6830 rgb(191,104,48)
```

Shade Color Variation

#cc7036
```
#cc7036 rgb(204,112,54)
```
#d07c45
```
#d07c45 rgb(208,124,69)
```
#d48755
```
#d48755 rgb(212,135,85)
```
#d89265
```
#d89265 rgb(216,146,101)
```
#dc9d75
```
#dc9d75 rgb(220,157,117)
```
#e0a884
```
#e0a884 rgb(224,168,132)
```
#e4b394
```
#e4b394 rgb(228,179,148)
```
#e8bea4
```
#e8bea4 rgb(232,190,164)
```
#ecc9b3
```
#ecc9b3 rgb(236,201,179)
```
#f0d4c3
```
#f0d4c3 rgb(240,212,195)
```
#f4e0d3
```
#f4e0d3 rgb(244,224,211)
```
#f8ebe2
```
#f8ebe2 rgb(248,235,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

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

#746c67
```
#746c67 rgb(116,108,103)
```
#7c6a5f
```
#7c6a5f rgb(124,106,95)
```
#856856
```
#856856 rgb(133,104,86)
```
#8d664e
```
#8d664e rgb(141,102,78)
```
#966545
```
#966545 rgb(150,101,69)
```
#9e633d
```
#9e633d rgb(158,99,61)
```
#a76134
```
#a76134 rgb(167,97,52)
```
#af5f2c
```
#af5f2c rgb(175,95,44)
```
#b75d24
```
#b75d24 rgb(183,93,36)
```
#c05b1b
```
#c05b1b rgb(192,91,27)
```
#c85913
```
#c85913 rgb(200,89,19)
```
#d1580a
```
#d1580a rgb(209,88,10)
```
#d95602
```
#d95602 rgb(217,86,2)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b3c Protanopia 1% of men
#987532 Deuteranopia 1% of men
#b56168 Tritanopia 0.001% of the population

Trichromacy

#967136 Protanomaly 1% of men, 0.01% of women
#a06d2f Deuteranomaly 6% of men, 0.4% of women
#b36052 Tritanomaly 0.01% of the population

#af5f2c hex color

#af5f2c Color Information

#af5f2c Color Conversion

Color Schemes with #af5f2c

Alternatives to #af5f2c

#af5f2c Preview

Shades and Tints of #af5f2c

Tones of #af5f2c

Color Blindness Simulator