#af8227 hex color

In a RGB color space, hex #af8227 is composed of 68.6% red, 51% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 77.7% yellow and 31.4% black. It has a hue angle of 40.1 degrees, a saturation of 63.6% and a lightness of 42%. #af8227 color hex could be obtained by blending #ffff4e with #5f0500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 51
- B 15
RGB color chart
- C 0
- M 26
- Y 78
- K 31
CMYK color chart

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

The hexadecimal color #af8227 has RGB values of R:175, G:130, B:39 and CMYK values of C:0, M:0.26, Y:0.78, K:0.31. Its decimal value is 11502119.

Hex triplet	af8227	`#af8227`
RGB Decimal	175, 130, 39	`rgb(175,130,39)`
RGB Percent	68.6, 51, 15.3	`rgb(68.6%,51%,15.3%)`
CMYK	0, 26, 78, 31
HSL	40.1°, 63.6, 42	`hsl(40.1,63.6%,42%)`
HSV (or HSB)	40.1°, 77.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.296, 8.762, 52.811
XYZ	26.029, 25.227, 5.418
xyY	0.459, 0.445, 25.227
CIE-LCH	57.296, 53.533, 80.579
CIE-LUV	57.296, 36.978, 53.152
Hunter-Lab	50.227, 4.606, 28.763
Binary	10101111, 10000010, 00100111

#af8227
```
#af8227 rgb(175,130,39)
```
#2754af
```
#2754af rgb(39,84,175)
```

Complementary Color

#af3e27
```
#af3e27 rgb(175,62,39)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#98af27
```
#98af27 rgb(152,175,39)
```

Analogous Color

#3e27af
```
#3e27af rgb(62,39,175)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#2798af
```
#2798af rgb(39,152,175)
```

Split Complementary Color

#8227af
```
#8227af rgb(130,39,175)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#27af82
```
#27af82 rgb(39,175,130)
```

Triadic Color

#af2754
```
#af2754 rgb(175,39,84)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#27af82
```
#27af82 rgb(39,175,130)
```
#2754af
```
#2754af rgb(39,84,175)
```

Tetradic Color

#705419
```
#705419 rgb(112,84,25)
```
#85631e
```
#85631e rgb(133,99,30)
```
#9a7322
```
#9a7322 rgb(154,115,34)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#c4912c
```
#c4912c rgb(196,145,44)
```
#d29f37
```
#d29f37 rgb(210,159,55)
```
#d7a94c
```
#d7a94c rgb(215,169,76)
```

Monochromatic Color

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

#af6027
```
#af6027 rgb(175,96,39)
```
#af6b27
```
#af6b27 rgb(175,107,39)
```
#af7727
```
#af7727 rgb(175,119,39)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#af8d27
```
#af8d27 rgb(175,141,39)
```
#af9927
```
#af9927 rgb(175,153,39)
```
#afa427
```
#afa427 rgb(175,164,39)
```

Similar Colors

Text with hexadecimal color #af8227

This text has a font color of #af8227.

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

#af8227 background color

This paragraph has a background color of #af8227.

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

#af8227 border color

This element has a border color of #af8227.

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

CSS codes

.text {color:#af8227;}

.background {background-color:#af8227;}

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

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, #0f0b03 is the darkest color, while #fffefe is the lightest one.

#0f0b03
```
#0f0b03 rgb(15,11,3)
```
#1f1707
```
#1f1707 rgb(31,23,7)
```
#2f230a
```
#2f230a rgb(47,35,10)
```
#3f2f0e
```
#3f2f0e rgb(63,47,14)
```
#4f3b12
```
#4f3b12 rgb(79,59,18)
```
#5f4615
```
#5f4615 rgb(95,70,21)
```
#6f5219
```
#6f5219 rgb(111,82,25)
```
#7f5e1c
```
#7f5e1c rgb(127,94,28)
```
#8f6a20
```
#8f6a20 rgb(143,106,32)
```
#9f7623
```
#9f7623 rgb(159,118,35)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#bf8e2b
```
#bf8e2b rgb(191,142,43)
```
#cf9a2e
```
#cf9a2e rgb(207,154,46)
```

Shade Color Variation

#d4a23d
```
#d4a23d rgb(212,162,61)
```
#d7aa4d
```
#d7aa4d rgb(215,170,77)
```
#dbb15d
```
#dbb15d rgb(219,177,93)
```
#dfb96d
```
#dfb96d rgb(223,185,109)
```
#e2c17d
```
#e2c17d rgb(226,193,125)
```
#e6c88d
```
#e6c88d rgb(230,200,141)
```
#e9d09d
```
#e9d09d rgb(233,208,157)
```
#edd8ad
```
#edd8ad rgb(237,216,173)
```
#f0e0bd
```
#f0e0bd rgb(240,224,189)
```
#f4e7cd
```
#f4e7cd rgb(244,231,205)
```
#f8efdd
```
#f8efdd rgb(248,239,221)
```
#fbf7ee
```
#fbf7ee rgb(251,247,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6d6c69
```
#6d6c69 rgb(109,108,105)
```
#756f61
```
#756f61 rgb(117,111,97)
```
#7e7158
```
#7e7158 rgb(126,113,88)
```
#867450
```
#867450 rgb(134,116,80)
```
#8e7748
```
#8e7748 rgb(142,119,72)
```
#967a40
```
#967a40 rgb(150,122,64)
```
#9f7c37
```
#9f7c37 rgb(159,124,55)
```
#a77f2f
```
#a77f2f rgb(167,127,47)
```
#af8227
```
#af8227 rgb(175,130,39)
```
#b7851f
```
#b7851f rgb(183,133,31)
```
#bf8817
```
#bf8817 rgb(191,136,23)
```
#c88a0e
```
#c88a0e rgb(200,138,14)
```
#d08d06
```
#d08d06 rgb(208,141,6)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d8472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f34 Protanopia 1% of men
#b28832 Deuteranopia 1% of men
#b98088 Tritanopia 0.001% of the population

Trichromacy

#a58a2f Protanomaly 1% of men, 0.01% of women
#b1862e Deuteranomaly 6% of men, 0.4% of women
#b58065 Tritanomaly 0.01% of the population

#af8227 hex color

#af8227 Color Information

#af8227 Color Conversion

Color Schemes with #af8227

Alternatives to #af8227

#af8227 Preview

Shades and Tints of #af8227

Tones of #af8227

Color Blindness Simulator