#af703e hex color

In a RGB color space, hex #af703e is composed of 68.6% red, 43.9% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36% magenta, 64.6% yellow and 31.4% black. It has a hue angle of 26.5 degrees, a saturation of 47.7% and a lightness of 46.5%. #af703e color hex could be obtained by blending #ffe07c with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 44
- B 24
RGB color chart
- C 0
- M 36
- Y 65
- K 31
CMYK color chart

● #af703e color description : Dark moderate orange.

The hexadecimal color #af703e has RGB values of R:175, G:112, B:62 and CMYK values of C:0, M:0.36, Y:0.65, K:0.31. Its decimal value is 11497534.

Hex triplet	af703e	`#af703e`
RGB Decimal	175, 112, 62	`rgb(175,112,62)`
RGB Percent	68.6, 43.9, 24.3	`rgb(68.6%,43.9%,24.3%)`
CMYK	0, 36, 65, 31
HSL	26.5°, 47.7, 46.5	`hsl(26.5,47.7%,46.5%)`
HSV (or HSB)	26.5°, 64.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	53.006, 20.09, 37.585
XYZ	24.343, 21.052, 7.339
xyY	0.462, 0.399, 21.052
CIE-LCH	53.006, 42.617, 61.875
CIE-LUV	53.006, 48.957, 37.799
Hunter-Lab	45.882, 14.412, 22.635
Binary	10101111, 01110000, 00111110

#af703e
```
#af703e rgb(175,112,62)
```
#3e7daf
```
#3e7daf rgb(62,125,175)
```

Complementary Color

#af3e45
```
#af3e45 rgb(175,62,69)
```
#af703e
```
#af703e rgb(175,112,62)
```
#afa93e
```
#afa93e rgb(175,169,62)
```

Analogous Color

#3e45af
```
#3e45af rgb(62,69,175)
```
#af703e
```
#af703e rgb(175,112,62)
```
#3eafa9
```
#3eafa9 rgb(62,175,169)
```

Split Complementary Color

#703eaf
```
#703eaf rgb(112,62,175)
```
#af703e
```
#af703e rgb(175,112,62)
```
#3eaf70
```
#3eaf70 rgb(62,175,112)
```

Triadic Color

#af3e7d
```
#af3e7d rgb(175,62,125)
```
#af703e
```
#af703e rgb(175,112,62)
```
#3eaf70
```
#3eaf70 rgb(62,175,112)
```
#3e7daf
```
#3e7daf rgb(62,125,175)
```

Tetradic Color

#774c2a
```
#774c2a rgb(119,76,42)
```
#895831
```
#895831 rgb(137,88,49)
```
#9c6437
```
#9c6437 rgb(156,100,55)
```
#af703e
```
#af703e rgb(175,112,62)
```
#be7c48
```
#be7c48 rgb(190,124,72)
```
#c58a5b
```
#c58a5b rgb(197,138,91)
```
#cc976e
```
#cc976e rgb(204,151,110)
```

Monochromatic Color

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

#af543e
```
#af543e rgb(175,84,62)
```
#af5d3e
```
#af5d3e rgb(175,93,62)
```
#af673e
```
#af673e rgb(175,103,62)
```
#af703e
```
#af703e rgb(175,112,62)
```
#af793e
```
#af793e rgb(175,121,62)
```
#af833e
```
#af833e rgb(175,131,62)
```
#af8c3e
```
#af8c3e rgb(175,140,62)
```

Similar Colors

Text with hexadecimal color #af703e

This text has a font color of #af703e.

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

#af703e background color

This paragraph has a background color of #af703e.

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

#af703e border color

This element has a border color of #af703e.

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

CSS codes

.text {color:#af703e;}

.background {background-color:#af703e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100a06
```
#100a06 rgb(16,10,6)
```
#1e130b
```
#1e130b rgb(30,19,11)
```
#2d1d10
```
#2d1d10 rgb(45,29,16)
```
#3b2615
```
#3b2615 rgb(59,38,21)
```
#4a2f1a
```
#4a2f1a rgb(74,47,26)
```
#58381f
```
#58381f rgb(88,56,31)
```
#674224
```
#674224 rgb(103,66,36)
```
#754b29
```
#754b29 rgb(117,75,41)
```
#84542f
```
#84542f rgb(132,84,47)
```
#925d34
```
#925d34 rgb(146,93,52)
```
#a16739
```
#a16739 rgb(161,103,57)
```
#af703e
```
#af703e rgb(175,112,62)
```

Shade Color Variation

#bd7944
```
#bd7944 rgb(189,121,68)
```
#c28452
```
#c28452 rgb(194,132,82)
```
#c78e61
```
#c78e61 rgb(199,142,97)
```
#cc986f
```
#cc986f rgb(204,152,111)
```
#d1a37e
```
#d1a37e rgb(209,163,126)
```
#d6ad8c
```
#d6ad8c rgb(214,173,140)
```
#dcb79b
```
#dcb79b rgb(220,183,155)
```
#e1c2a9
```
#e1c2a9 rgb(225,194,169)
```
#e6ccb8
```
#e6ccb8 rgb(230,204,184)
```
#ebd6c6
```
#ebd6c6 rgb(235,214,198)
```
#f0e1d5
```
#f0e1d5 rgb(240,225,213)
```
#f5ebe3
```
#f5ebe3 rgb(245,235,227)
```
#faf6f2
```
#faf6f2 rgb(250,246,242)
```

Tint Color Variation

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

#787675
```
#787675 rgb(120,118,117)
```
#81756c
```
#81756c rgb(129,117,108)
```
#8b7462
```
#8b7462 rgb(139,116,98)
```
#947359
```
#947359 rgb(148,115,89)
```
#9d7250
```
#9d7250 rgb(157,114,80)
```
#a67147
```
#a67147 rgb(166,113,71)
```
#af703e
```
#af703e rgb(175,112,62)
```
#b86f35
```
#b86f35 rgb(184,111,53)
```
#c16e2c
```
#c16e2c rgb(193,110,44)
```
#ca6d23
```
#ca6d23 rgb(202,109,35)
```
#d36c1a
```
#d36c1a rgb(211,108,26)
```
#dd6b10
```
#dd6b10 rgb(221,107,16)
```
#e66a07
```
#e66a07 rgb(230,106,7)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877a70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92854c Protanopia 1% of men
#a27f45 Deuteranopia 1% of men
#b67179 Tritanopia 0.001% of the population

Trichromacy

#9c7d47 Protanomaly 1% of men, 0.01% of women
#a77942 Deuteranomaly 6% of men, 0.4% of women
#b37163 Tritanomaly 0.01% of the population

#af703e hex color

#af703e Color Information

#af703e Color Conversion

Color Schemes with #af703e

Alternatives to #af703e

#af703e Preview

Shades and Tints of #af703e

Tones of #af703e

Color Blindness Simulator