#af682a hex color

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

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

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

The hexadecimal color #af682a has RGB values of R:175, G:104, B:42 and CMYK values of C:0, M:0.41, Y:0.76, K:0.31. Its decimal value is 11495466.

Hex triplet	af682a	`#af682a`
RGB Decimal	175, 104, 42	`rgb(175,104,42)`
RGB Percent	68.6, 40.8, 16.5	`rgb(68.6%,40.8%,16.5%)`
CMYK	0, 41, 76, 31
HSL	28°, 61.3, 42.5	`hsl(28,61.3%,42.5%)`
HSV (or HSB)	28°, 76, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.901, 23.427, 45.292
XYZ	23.048, 19.184, 4.679
xyY	0.491, 0.409, 19.184
CIE-LCH	50.901, 50.992, 62.65
CIE-LUV	50.901, 56.887, 41.796
Hunter-Lab	43.799, 17.283, 24.325
Binary	10101111, 01101000, 00101010

#af682a
```
#af682a rgb(175,104,42)
```
#2a71af
```
#2a71af rgb(42,113,175)
```

Complementary Color

#af2a2f
```
#af2a2f rgb(175,42,47)
```
#af682a
```
#af682a rgb(175,104,42)
```
#afab2a
```
#afab2a rgb(175,171,42)
```

Analogous Color

#2a2faf
```
#2a2faf rgb(42,47,175)
```
#af682a
```
#af682a rgb(175,104,42)
```
#2aafab
```
#2aafab rgb(42,175,171)
```

Split Complementary Color

#682aaf
```
#682aaf rgb(104,42,175)
```
#af682a
```
#af682a rgb(175,104,42)
```
#2aaf68
```
#2aaf68 rgb(42,175,104)
```

Triadic Color

#af2a71
```
#af2a71 rgb(175,42,113)
```
#af682a
```
#af682a rgb(175,104,42)
```
#2aaf68
```
#2aaf68 rgb(42,175,104)
```
#2a71af
```
#2a71af rgb(42,113,175)
```

Tetradic Color

#71431b
```
#71431b rgb(113,67,27)
```
#865020
```
#865020 rgb(134,80,32)
```
#9a5c25
```
#9a5c25 rgb(154,92,37)
```
#af682a
```
#af682a rgb(175,104,42)
```
#c4742f
```
#c4742f rgb(196,116,47)
```
#d0813c
```
#d0813c rgb(208,129,60)
```
#d58e50
```
#d58e50 rgb(213,142,80)
```

Monochromatic Color

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

#af472a
```
#af472a rgb(175,71,42)
```
#af522a
```
#af522a rgb(175,82,42)
```
#af5d2a
```
#af5d2a rgb(175,93,42)
```
#af682a
```
#af682a rgb(175,104,42)
```
#af732a
```
#af732a rgb(175,115,42)
```
#af7e2a
```
#af7e2a rgb(175,126,42)
```
#af892a
```
#af892a rgb(175,137,42)
```

Similar Colors

Text with hexadecimal color #af682a

This text has a font color of #af682a.

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

#af682a background color

This paragraph has a background color of #af682a.

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

#af682a border color

This element has a border color of #af682a.

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

CSS codes

.text {color:#af682a;}

.background {background-color:#af682a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110a04
```
#110a04 rgb(17,10,4)
```
#211308
```
#211308 rgb(33,19,8)
```
#301d0c
```
#301d0c rgb(48,29,12)
```
#40260f
```
#40260f rgb(64,38,15)
```
#503013
```
#503013 rgb(80,48,19)
```
#603917
```
#603917 rgb(96,57,23)
```
#70421b
```
#70421b rgb(112,66,27)
```
#804c1f
```
#804c1f rgb(128,76,31)
```
#8f5522
```
#8f5522 rgb(143,85,34)
```
#9f5f26
```
#9f5f26 rgb(159,95,38)
```
#af682a
```
#af682a rgb(175,104,42)
```
#bf712e
```
#bf712e rgb(191,113,46)
```

Shade Color Variation

#ce7b32
```
#ce7b32 rgb(206,123,50)
```
#d28542
```
#d28542 rgb(210,133,66)
```
#d58f52
```
#d58f52 rgb(213,143,82)
```
#d99962
```
#d99962 rgb(217,153,98)
```
#dda472
```
#dda472 rgb(221,164,114)
```
#e1ae81
```
#e1ae81 rgb(225,174,129)
```
#e5b891
```
#e5b891 rgb(229,184,145)
```
#e8c2a1
```
#e8c2a1 rgb(232,194,161)
```
#eccdb1
```
#eccdb1 rgb(236,205,177)
```
#f0d7c1
```
#f0d7c1 rgb(240,215,193)
```
#f4e1d1
```
#f4e1d1 rgb(244,225,209)
```
#f8ebe0
```
#f8ebe0 rgb(248,235,224)
```
#fbf5f0
```
#fbf5f0 rgb(251,245,240)
```

Tint Color Variation

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

#756c64
```
#756c64 rgb(117,108,100)
```
#7d6b5c
```
#7d6b5c rgb(125,107,92)
```
#856b54
```
#856b54 rgb(133,107,84)
```
#8e6a4b
```
#8e6a4b rgb(142,106,75)
```
#966a43
```
#966a43 rgb(150,106,67)
```
#9e693b
```
#9e693b rgb(158,105,59)
```
#a76932
```
#a76932 rgb(167,105,50)
```
#af682a
```
#af682a rgb(175,104,42)
```
#b76722
```
#b76722 rgb(183,103,34)
```
#c06719
```
#c06719 rgb(192,103,25)
```
#c86611
```
#c86611 rgb(200,102,17)
```
#d06609
```
#d06609 rgb(208,102,9)
```
#d96500
```
#d96500 rgb(217,101,0)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#817367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8039 Protanopia 1% of men
#9e7a31 Deuteranopia 1% of men
#b66970 Tritanopia 0.001% of the population

Trichromacy

#997733 Protanomaly 1% of men, 0.01% of women
#a4732e Deuteranomaly 6% of men, 0.4% of women
#b36956 Tritanomaly 0.01% of the population

#af682a hex color

#af682a Color Information

#af682a Color Conversion

Color Schemes with #af682a

Alternatives to #af682a

#af682a Preview

Shades and Tints of #af682a

Tones of #af682a

Color Blindness Simulator