#af7223 hex color

In a RGB color space, hex #af7223 is composed of 68.6% red, 44.7% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 80% yellow and 31.4% black. It has a hue angle of 33.9 degrees, a saturation of 66.7% and a lightness of 41.2%. #af7223 color hex could be obtained by blending #ffe446 with #5f0000. Closest websafe color is: #996633.

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

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

The hexadecimal color #af7223 has RGB values of R:175, G:114, B:35 and CMYK values of C:0, M:0.35, Y:0.8, K:0.31. Its decimal value is 11498019.

Hex triplet	af7223	`#af7223`
RGB Decimal	175, 114, 35	`rgb(175,114,35)`
RGB Percent	68.6, 44.7, 13.7	`rgb(68.6%,44.7%,13.7%)`
CMYK	0, 35, 80, 31
HSL	33.9°, 66.7, 41.2	`hsl(33.9,66.7%,41.2%)`
HSV (or HSB)	33.9°, 80, 68.6
Web Safe	996633	`#996633`

CIE-LAB	53.245, 17.56, 50.591
XYZ	24, 21.272, 4.432
xyY	0.483, 0.428, 21.272
CIE-LCH	53.245, 53.552, 70.859
CIE-LUV	53.245, 49.525, 47.672
Hunter-Lab	46.121, 12.176, 26.588
Binary	10101111, 01110010, 00100011

#af7223
```
#af7223 rgb(175,114,35)
```
#2360af
```
#2360af rgb(35,96,175)
```

Complementary Color

#af2c23
```
#af2c23 rgb(175,44,35)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#a6af23
```
#a6af23 rgb(166,175,35)
```

Analogous Color

#2c23af
```
#2c23af rgb(44,35,175)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#23a6af
```
#23a6af rgb(35,166,175)
```

Split Complementary Color

#7223af
```
#7223af rgb(114,35,175)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#23af72
```
#23af72 rgb(35,175,114)
```

Triadic Color

#af2360
```
#af2360 rgb(175,35,96)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#23af72
```
#23af72 rgb(35,175,114)
```
#2360af
```
#2360af rgb(35,96,175)
```

Tetradic Color

#6f4816
```
#6f4816 rgb(111,72,22)
```
#85561b
```
#85561b rgb(133,86,27)
```
#9a641f
```
#9a641f rgb(154,100,31)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#c48027
```
#c48027 rgb(196,128,39)
```
#d68d30
```
#d68d30 rgb(214,141,48)
```
#da9945
```
#da9945 rgb(218,153,69)
```

Monochromatic Color

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

#af4f23
```
#af4f23 rgb(175,79,35)
```
#af5b23
```
#af5b23 rgb(175,91,35)
```
#af6623
```
#af6623 rgb(175,102,35)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#af7e23
```
#af7e23 rgb(175,126,35)
```
#af8923
```
#af8923 rgb(175,137,35)
```
#af9523
```
#af9523 rgb(175,149,35)
```

Similar Colors

Text with hexadecimal color #af7223

This text has a font color of #af7223.

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

#af7223 background color

This paragraph has a background color of #af7223.

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

#af7223 border color

This element has a border color of #af7223.

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

CSS codes

.text {color:#af7223;}

.background {background-color:#af7223;}

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

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

#0c0802
```
#0c0802 rgb(12,8,2)
```
#1c1206
```
#1c1206 rgb(28,18,6)
```
#2c1d09
```
#2c1d09 rgb(44,29,9)
```
#3d270c
```
#3d270c rgb(61,39,12)
```
#4d320f
```
#4d320f rgb(77,50,15)
```
#5d3d13
```
#5d3d13 rgb(93,61,19)
```
#6e4716
```
#6e4716 rgb(110,71,22)
```
#7e5219
```
#7e5219 rgb(126,82,25)
```
#8e5d1c
```
#8e5d1c rgb(142,93,28)
```
#9f6720
```
#9f6720 rgb(159,103,32)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#bf7d26
```
#bf7d26 rgb(191,125,38)
```
#d0872a
```
#d0872a rgb(208,135,42)
```

Shade Color Variation

#d79136
```
#d79136 rgb(215,145,54)
```
#da9a46
```
#da9a46 rgb(218,154,70)
```
#dda357
```
#dda357 rgb(221,163,87)
```
#e1ac67
```
#e1ac67 rgb(225,172,103)
```
#e4b577
```
#e4b577 rgb(228,181,119)
```
#e7be88
```
#e7be88 rgb(231,190,136)
```
#eac798
```
#eac798 rgb(234,199,152)
```
#eed0a8
```
#eed0a8 rgb(238,208,168)
```
#f1d8b9
```
#f1d8b9 rgb(241,216,185)
```
#f4e1c9
```
#f4e1c9 rgb(244,225,201)
```
#f8eada
```
#f8eada rgb(248,234,218)
```
#fbf3ea
```
#fbf3ea rgb(251,243,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6e6a64
```
#6e6a64 rgb(110,106,100)
```
#766b5c
```
#766b5c rgb(118,107,92)
```
#7f6c53
```
#7f6c53 rgb(127,108,83)
```
#876d4b
```
#876d4b rgb(135,109,75)
```
#8f6e43
```
#8f6e43 rgb(143,110,67)
```
#976f3b
```
#976f3b rgb(151,111,59)
```
#9f7033
```
#9f7033 rgb(159,112,51)
```
#a7712b
```
#a7712b rgb(167,113,43)
```
#af7223
```
#af7223 rgb(175,114,35)
```
#b7731b
```
#b7731b rgb(183,115,27)
```
#bf7413
```
#bf7413 rgb(191,116,19)
```
#c7750b
```
#c7750b rgb(199,117,11)
```
#cf7603
```
#cf7603 rgb(207,118,3)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857969 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948631 Protanopia 1% of men
#a67f2b Deuteranopia 1% of men
#b77279 Tritanopia 0.001% of the population

Trichromacy

#9e7e2c Protanomaly 1% of men, 0.01% of women
#a97a28 Deuteranomaly 6% of men, 0.4% of women
#b4725a Tritanomaly 0.01% of the population

#af7223 hex color

#af7223 Color Information

#af7223 Color Conversion

Color Schemes with #af7223

Alternatives to #af7223

#af7223 Preview

Shades and Tints of #af7223

Tones of #af7223

Color Blindness Simulator