colorhexa.com

#af8225 hex color

In a RGB color space, hex #af8225 is composed of 68.6% red, 51% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 78.9% yellow and 31.4% black. It has a hue angle of 40.4 degrees, a saturation of 65.1% and a lightness of 41.6%. #af8225 color hex could be obtained by blending #ffff4a with #5f0500. Closest websafe color is: #999933.

- R 69
- G 51
- B 15
RGB color chart
- C 0
- M 26
- Y 79
- K 31
CMYK color chart

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

The hexadecimal color #af8225 has RGB values of R:175, G:130, B:37 and CMYK values of C:0, M:0.26, Y:0.79, K:0.31. Its decimal value is 11502117.

Hex triplet	af8225	`#af8225`
RGB Decimal	175, 130, 37	`rgb(175,130,37)`
RGB Percent	68.6, 51, 14.5	`rgb(68.6%,51%,14.5%)`
CMYK	0, 26, 79, 31
HSL	40.4°, 65.1, 41.6	`hsl(40.4,65.1%,41.6%)`
HSV (or HSB)	40.4°, 78.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.284, 8.682, 53.567
XYZ	25.996, 25.214, 5.248
xyY	0.46, 0.447, 25.214
CIE-LCH	57.284, 54.266, 80.794
CIE-LUV	57.284, 37.064, 53.639
Hunter-Lab	50.214, 4.537, 28.953
Binary	10101111, 10000010, 00100101

#af8225
```
#af8225 rgb(175,130,37)
```
#2552af
```
#2552af rgb(37,82,175)
```

Complementary Color

#af3d25
```
#af3d25 rgb(175,61,37)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#97af25
```
#97af25 rgb(151,175,37)
```

Analogous Color

#3d25af
```
#3d25af rgb(61,37,175)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#2597af
```
#2597af rgb(37,151,175)
```

Split Complementary Color

#8225af
```
#8225af rgb(130,37,175)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#25af82
```
#25af82 rgb(37,175,130)
```

Triadic Color

#af2552
```
#af2552 rgb(175,37,82)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#25af82
```
#25af82 rgb(37,175,130)
```
#2552af
```
#2552af rgb(37,82,175)
```

Tetradic Color

#705318
```
#705318 rgb(112,83,24)
```
#85631c
```
#85631c rgb(133,99,28)
```
#9a7221
```
#9a7221 rgb(154,114,33)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#c49229
```
#c49229 rgb(196,146,41)
```
#d49f33
```
#d49f33 rgb(212,159,51)
```
#d8a948
```
#d8a948 rgb(216,169,72)
```

Monochromatic Color

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

#af6025
```
#af6025 rgb(175,96,37)
```
#af6b25
```
#af6b25 rgb(175,107,37)
```
#af7725
```
#af7725 rgb(175,119,37)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#af8e25
```
#af8e25 rgb(175,142,37)
```
#af9925
```
#af9925 rgb(175,153,37)
```
#afa525
```
#afa525 rgb(175,165,37)
```

Similar Colors

Text with hexadecimal color #af8225

This text has a font color of #af8225.

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

#af8225 background color

This paragraph has a background color of #af8225.

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

#af8225 border color

This element has a border color of #af8225.

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

CSS codes

.text {color:#af8225;}

.background {background-color:#af8225;}

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

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

#0d0a03
```
#0d0a03 rgb(13,10,3)
```
#1d1606
```
#1d1606 rgb(29,22,6)
```
#2d220a
```
#2d220a rgb(45,34,10)
```
#3e2e0d
```
#3e2e0d rgb(62,46,13)
```
#4e3a10
```
#4e3a10 rgb(78,58,16)
```
#5e4614
```
#5e4614 rgb(94,70,20)
```
#6e5217
```
#6e5217 rgb(110,82,23)
```
#7e5e1b
```
#7e5e1b rgb(126,94,27)
```
#8f6a1e
```
#8f6a1e rgb(143,106,30)
```
#9f7622
```
#9f7622 rgb(159,118,34)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#bf8e28
```
#bf8e28 rgb(191,142,40)
```
#cf9a2c
```
#cf9a2c rgb(207,154,44)
```

Shade Color Variation

#d5a23a
```
#d5a23a rgb(213,162,58)
```
#d9aa4a
```
#d9aa4a rgb(217,170,74)
```
#dcb25a
```
#dcb25a rgb(220,178,90)
```
#e0b96a
```
#e0b96a rgb(224,185,106)
```
#e3c17a
```
#e3c17a rgb(227,193,122)
```
#e6c88b
```
#e6c88b rgb(230,200,139)
```
#ead09b
```
#ead09b rgb(234,208,155)
```
#edd8ab
```
#edd8ab rgb(237,216,171)
```
#f1dfbb
```
#f1dfbb rgb(241,223,187)
```
#f4e7cb
```
#f4e7cb rgb(244,231,203)
```
#f7eedc
```
#f7eedc rgb(247,238,220)
```
#fbf6ec
```
#fbf6ec rgb(251,246,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#6e6b66
```
#6e6b66 rgb(110,107,102)
```
#766e5e
```
#766e5e rgb(118,110,94)
```
#7e7156
```
#7e7156 rgb(126,113,86)
```
#86744e
```
#86744e rgb(134,116,78)
```
#8e7746
```
#8e7746 rgb(142,119,70)
```
#97793d
```
#97793d rgb(151,121,61)
```
#9f7c35
```
#9f7c35 rgb(159,124,53)
```
#a77f2d
```
#a77f2d rgb(167,127,45)
```
#af8225
```
#af8225 rgb(175,130,37)
```
#b7851d
```
#b7851d rgb(183,133,29)
```
#bf8815
```
#bf8815 rgb(191,136,21)
```
#c78b0d
```
#c78b0d rgb(199,139,13)
```
#d08d04
```
#d08d04 rgb(208,141,4)
```

Tone Color Variation

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

#a08f32 Protanopia 1% of men
#b28830 Deuteranopia 1% of men
#b98088 Tritanopia 0.001% of the population

Trichromacy

#a58a2d Protanomaly 1% of men, 0.01% of women
#b1862c Deuteranomaly 6% of men, 0.4% of women
#b58064 Tritanomaly 0.01% of the population