#af7227 hex color

In a RGB color space, hex #af7227 is composed of 68.6% red, 44.7% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 77.7% yellow and 31.4% black. It has a hue angle of 33.1 degrees, a saturation of 63.6% and a lightness of 42%. #af7227 color hex could be obtained by blending #ffe44e with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af7227 has RGB values of R:175, G:114, B:39 and CMYK values of C:0, M:0.35, Y:0.78, K:0.31. Its decimal value is 11498023.

Hex triplet	af7227	`#af7227`
RGB Decimal	175, 114, 39	`rgb(175,114,39)`
RGB Percent	68.6, 44.7, 15.3	`rgb(68.6%,44.7%,15.3%)`
CMYK	0, 35, 78, 31
HSL	33.1°, 63.6, 42	`hsl(33.1,63.6%,42%)`
HSV (or HSB)	33.1°, 77.7, 68.6
Web Safe	996633	`#996633`

CIE-LAB	53.273, 17.718, 48.967
XYZ	24.063, 21.297, 4.763
xyY	0.48, 0.425, 21.297
CIE-LCH	53.273, 52.074, 70.108
CIE-LUV	53.273, 49.29, 46.644
Hunter-Lab	46.148, 12.316, 26.185
Binary	10101111, 01110010, 00100111

#af7227
```
#af7227 rgb(175,114,39)
```
#2764af
```
#2764af rgb(39,100,175)
```

Complementary Color

#af2e27
```
#af2e27 rgb(175,46,39)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#a8af27
```
#a8af27 rgb(168,175,39)
```

Analogous Color

#2e27af
```
#2e27af rgb(46,39,175)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#27a8af
```
#27a8af rgb(39,168,175)
```

Split Complementary Color

#7227af
```
#7227af rgb(114,39,175)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#27af72
```
#27af72 rgb(39,175,114)
```

Triadic Color

#af2764
```
#af2764 rgb(175,39,100)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#27af72
```
#27af72 rgb(39,175,114)
```
#2764af
```
#2764af rgb(39,100,175)
```

Tetradic Color

#704919
```
#704919 rgb(112,73,25)
```
#85571e
```
#85571e rgb(133,87,30)
```
#9a6422
```
#9a6422 rgb(154,100,34)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#c4802c
```
#c4802c rgb(196,128,44)
```
#d28d37
```
#d28d37 rgb(210,141,55)
```
#d7984c
```
#d7984c rgb(215,152,76)
```

Monochromatic Color

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

#af5027
```
#af5027 rgb(175,80,39)
```
#af5b27
```
#af5b27 rgb(175,91,39)
```
#af6727
```
#af6727 rgb(175,103,39)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#af7d27
```
#af7d27 rgb(175,125,39)
```
#af8927
```
#af8927 rgb(175,137,39)
```
#af9427
```
#af9427 rgb(175,148,39)
```

Similar Colors

Text with hexadecimal color #af7227

This text has a font color of #af7227.

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

#af7227 background color

This paragraph has a background color of #af7227.

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

#af7227 border color

This element has a border color of #af7227.

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

CSS codes

.text {color:#af7227;}

.background {background-color:#af7227;}

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

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

#0f0a03
```
#0f0a03 rgb(15,10,3)
```
#1f1407
```
#1f1407 rgb(31,20,7)
```
#2f1e0a
```
#2f1e0a rgb(47,30,10)
```
#3f290e
```
#3f290e rgb(63,41,14)
```
#4f3312
```
#4f3312 rgb(79,51,18)
```
#5f3e15
```
#5f3e15 rgb(95,62,21)
```
#6f4819
```
#6f4819 rgb(111,72,25)
```
#7f531c
```
#7f531c rgb(127,83,28)
```
#8f5d20
```
#8f5d20 rgb(143,93,32)
```
#9f6823
```
#9f6823 rgb(159,104,35)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#bf7c2b
```
#bf7c2b rgb(191,124,43)
```
#cf872e
```
#cf872e rgb(207,135,46)
```

Shade Color Variation

#d4903d
```
#d4903d rgb(212,144,61)
```
#d7994d
```
#d7994d rgb(215,153,77)
```
#dba35d
```
#dba35d rgb(219,163,93)
```
#dfac6d
```
#dfac6d rgb(223,172,109)
```
#e2b57d
```
#e2b57d rgb(226,181,125)
```
#e6be8d
```
#e6be8d rgb(230,190,141)
```
#e9c79d
```
#e9c79d rgb(233,199,157)
```
#edd0ad
```
#edd0ad rgb(237,208,173)
```
#f0dabd
```
#f0dabd rgb(240,218,189)
```
#f4e3cd
```
#f4e3cd rgb(244,227,205)
```
#f8ecdd
```
#f8ecdd rgb(248,236,221)
```
#fbf5ee
```
#fbf5ee rgb(251,245,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#6d6b69
```
#6d6b69 rgb(109,107,105)
```
#756c61
```
#756c61 rgb(117,108,97)
```
#7e6d58
```
#7e6d58 rgb(126,109,88)
```
#866e50
```
#866e50 rgb(134,110,80)
```
#8e6f48
```
#8e6f48 rgb(142,111,72)
```
#966f40
```
#966f40 rgb(150,111,64)
```
#9f7037
```
#9f7037 rgb(159,112,55)
```
#a7712f
```
#a7712f rgb(167,113,47)
```
#af7227
```
#af7227 rgb(175,114,39)
```
#b7731f
```
#b7731f rgb(183,115,31)
```
#bf7417
```
#bf7417 rgb(191,116,23)
```
#c8750e
```
#c8750e rgb(200,117,14)
```
#d07506
```
#d07506 rgb(208,117,6)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#948635 Protanopia 1% of men
#a57f2f Deuteranopia 1% of men
#b77279 Tritanopia 0.001% of the population

Trichromacy

#9e7e30 Protanomaly 1% of men, 0.01% of women
#a97a2c Deuteranomaly 6% of men, 0.4% of women
#b4725b Tritanomaly 0.01% of the population

#af7227 hex color

#af7227 Color Information

#af7227 Color Conversion

Color Schemes with #af7227

Alternatives to #af7227

#af7227 Preview

Shades and Tints of #af7227

Tones of #af7227

Color Blindness Simulator