#af7f2c hex color

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

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

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

The hexadecimal color #af7f2c has RGB values of R:175, G:127, B:44 and CMYK values of C:0, M:0.27, Y:0.75, K:0.31. Its decimal value is 11501356.

Hex triplet	af7f2c	`#af7f2c`
RGB Decimal	175, 127, 44	`rgb(175,127,44)`
RGB Percent	68.6, 49.8, 17.3	`rgb(68.6%,49.8%,17.3%)`
CMYK	0, 27, 75, 31
HSL	38°, 59.8, 42.9	`hsl(38,59.8%,42.9%)`
HSV (or HSB)	38°, 74.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	56.561, 10.657, 50.06
XYZ	25.724, 24.476, 5.752
xyY	0.46, 0.437, 24.476
CIE-LCH	56.561, 51.182, 77.982
CIE-LUV	56.561, 39.007, 50.577
Hunter-Lab	49.473, 6.233, 27.738
Binary	10101111, 01111111, 00101100

#af7f2c
```
#af7f2c rgb(175,127,44)
```
#2c5caf
```
#2c5caf rgb(44,92,175)
```

Complementary Color

#af3e2c
```
#af3e2c rgb(175,62,44)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#9eaf2c
```
#9eaf2c rgb(158,175,44)
```

Analogous Color

#3d2caf
```
#3d2caf rgb(61,44,175)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#2c9eaf
```
#2c9eaf rgb(44,158,175)
```

Split Complementary Color

#7f2caf
```
#7f2caf rgb(127,44,175)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#2caf7f
```
#2caf7f rgb(44,175,127)
```

Triadic Color

#af2c5c
```
#af2c5c rgb(175,44,92)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#2caf7f
```
#2caf7f rgb(44,175,127)
```
#2c5caf
```
#2c5caf rgb(44,92,175)
```

Tetradic Color

#72531d
```
#72531d rgb(114,83,29)
```
#866122
```
#866122 rgb(134,97,34)
```
#9b7027
```
#9b7027 rgb(155,112,39)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#c38e31
```
#c38e31 rgb(195,142,49)
```
#cf9a3f
```
#cf9a3f rgb(207,154,63)
```
#d4a554
```
#d4a554 rgb(212,165,84)
```

Monochromatic Color

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

#af5e2c
```
#af5e2c rgb(175,94,44)
```
#af692c
```
#af692c rgb(175,105,44)
```
#af742c
```
#af742c rgb(175,116,44)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#af8a2c
```
#af8a2c rgb(175,138,44)
```
#af952c
```
#af952c rgb(175,149,44)
```
#afa02c
```
#afa02c rgb(175,160,44)
```

Similar Colors

Text with hexadecimal color #af7f2c

This text has a font color of #af7f2c.

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

#af7f2c background color

This paragraph has a background color of #af7f2c.

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

#af7f2c border color

This element has a border color of #af7f2c.

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

CSS codes

.text {color:#af7f2c;}

.background {background-color:#af7f2c;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120d05
```
#120d05 rgb(18,13,5)
```
#221909
```
#221909 rgb(34,25,9)
```
#32240c
```
#32240c rgb(50,36,12)
```
#412f10
```
#412f10 rgb(65,47,16)
```
#513b14
```
#513b14 rgb(81,59,20)
```
#614618
```
#614618 rgb(97,70,24)
```
#70511c
```
#70511c rgb(112,81,28)
```
#805d20
```
#805d20 rgb(128,93,32)
```
#906824
```
#906824 rgb(144,104,36)
```
#9f7428
```
#9f7428 rgb(159,116,40)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#bf8a30
```
#bf8a30 rgb(191,138,48)
```

Shade Color Variation

#cc9536
```
#cc9536 rgb(204,149,54)
```
#d09d45
```
#d09d45 rgb(208,157,69)
```
#d4a655
```
#d4a655 rgb(212,166,85)
```
#d8ae65
```
#d8ae65 rgb(216,174,101)
```
#dcb675
```
#dcb675 rgb(220,182,117)
```
#e0be84
```
#e0be84 rgb(224,190,132)
```
#e4c794
```
#e4c794 rgb(228,199,148)
```
#e8cfa4
```
#e8cfa4 rgb(232,207,164)
```
#ecd7b3
```
#ecd7b3 rgb(236,215,179)
```
#f0dfc3
```
#f0dfc3 rgb(240,223,195)
```
#f4e8d3
```
#f4e8d3 rgb(244,232,211)
```
#f8f0e2
```
#f8f0e2 rgb(248,240,226)
```
#fcf8f2
```
#fcf8f2 rgb(252,248,242)
```

Tint Color Variation

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

#746f67
```
#746f67 rgb(116,111,103)
```
#7c715f
```
#7c715f rgb(124,113,95)
```
#857456
```
#857456 rgb(133,116,86)
```
#8d764e
```
#8d764e rgb(141,118,78)
```
#967845
```
#967845 rgb(150,120,69)
```
#9e7a3d
```
#9e7a3d rgb(158,122,61)
```
#a77d34
```
#a77d34 rgb(167,125,52)
```
#af7f2c
```
#af7f2c rgb(175,127,44)
```
#b78124
```
#b78124 rgb(183,129,36)
```
#c0841b
```
#c0841b rgb(192,132,27)
```
#c88613
```
#c88613 rgb(200,134,19)
```
#d1880a
```
#d1880a rgb(209,136,10)
```
#d98a02
```
#d98a02 rgb(217,138,2)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d8372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e39 Protanopia 1% of men
#af8736 Deuteranopia 1% of men
#b87d86 Tritanopia 0.001% of the population

Trichromacy

#a38834 Protanomaly 1% of men, 0.01% of women
#af8432 Deuteranomaly 6% of men, 0.4% of women
#b57e65 Tritanomaly 0.01% of the population

#af7f2c hex color

#af7f2c Color Information

#af7f2c Color Conversion

Color Schemes with #af7f2c

Alternatives to #af7f2c

#af7f2c Preview

Shades and Tints of #af7f2c

Tones of #af7f2c

Color Blindness Simulator