#af8230 hex color

In a RGB color space, hex #af8230 is composed of 68.6% red, 51% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 72.6% yellow and 31.4% black. It has a hue angle of 38.7 degrees, a saturation of 57% and a lightness of 43.7%. #af8230 color hex could be obtained by blending #ffff60 with #5f0500. Closest websafe color is: #999933.

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

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

The hexadecimal color #af8230 has RGB values of R:175, G:130, B:48 and CMYK values of C:0, M:0.26, Y:0.73, K:0.31. Its decimal value is 11502128.

Hex triplet	af8230	`#af8230`
RGB Decimal	175, 130, 48	`rgb(175,130,48)`
RGB Percent	68.6, 51, 18.8	`rgb(68.6%,51%,18.8%)`
CMYK	0, 26, 73, 31
HSL	38.7°, 57, 43.7	`hsl(38.7,57%,43.7%)`
HSV (or HSB)	38.7°, 72.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	57.361, 9.177, 49.134
XYZ	26.196, 25.294, 6.299
xyY	0.453, 0.438, 25.294
CIE-LCH	57.361, 49.984, 79.42
CIE-LUV	57.361, 36.537, 50.655
Hunter-Lab	50.293, 4.961, 27.78
Binary	10101111, 10000010, 00110000

#af8230
```
#af8230 rgb(175,130,48)
```
#305daf
```
#305daf rgb(48,93,175)
```

Complementary Color

#af4330
```
#af4330 rgb(175,67,48)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#9daf30
```
#9daf30 rgb(157,175,48)
```

Analogous Color

#4330af
```
#4330af rgb(67,48,175)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#309daf
```
#309daf rgb(48,157,175)
```

Split Complementary Color

#8230af
```
#8230af rgb(130,48,175)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#30af82
```
#30af82 rgb(48,175,130)
```

Triadic Color

#af305d
```
#af305d rgb(175,48,93)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#30af82
```
#30af82 rgb(48,175,130)
```
#305daf
```
#305daf rgb(48,93,175)
```

Tetradic Color

#735520
```
#735520 rgb(115,85,32)
```
#876425
```
#876425 rgb(135,100,37)
```
#9b732b
```
#9b732b rgb(155,115,43)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#c39135
```
#c39135 rgb(195,145,53)
```
#cc9d46
```
#cc9d46 rgb(204,157,70)
```
#d2a75a
```
#d2a75a rgb(210,167,90)
```

Monochromatic Color

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

#af6230
```
#af6230 rgb(175,98,48)
```
#af6d30
```
#af6d30 rgb(175,109,48)
```
#af7730
```
#af7730 rgb(175,119,48)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#af8d30
```
#af8d30 rgb(175,141,48)
```
#af9730
```
#af9730 rgb(175,151,48)
```
#afa230
```
#afa230 rgb(175,162,48)
```

Similar Colors

Text with hexadecimal color #af8230

This text has a font color of #af8230.

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

#af8230 background color

This paragraph has a background color of #af8230.

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

#af8230 border color

This element has a border color of #af8230.

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

CSS codes

.text {color:#af8230;}

.background {background-color:#af8230;}

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

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, #060402 is the darkest color, while #fcfaf5 is the lightest one.

#060402
```
#060402 rgb(6,4,2)
```
#151006
```
#151006 rgb(21,16,6)
```
#241b0a
```
#241b0a rgb(36,27,10)
```
#34270e
```
#34270e rgb(52,39,14)
```
#433212
```
#433212 rgb(67,50,18)
```
#533d17
```
#533d17 rgb(83,61,23)
```
#62491b
```
#62491b rgb(98,73,27)
```
#71541f
```
#71541f rgb(113,84,31)
```
#816023
```
#816023 rgb(129,96,35)
```
#906b28
```
#906b28 rgb(144,107,40)
```
#a0772c
```
#a0772c rgb(160,119,44)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#be8d34
```
#be8d34 rgb(190,141,52)
```

Shade Color Variation

#ca983d
```
#ca983d rgb(202,152,61)
```
#cea04c
```
#cea04c rgb(206,160,76)
```
#d2a85b
```
#d2a85b rgb(210,168,91)
```
#d6b06b
```
#d6b06b rgb(214,176,107)
```
#dbb87a
```
#dbb87a rgb(219,184,122)
```
#dfc18a
```
#dfc18a rgb(223,193,138)
```
#e3c999
```
#e3c999 rgb(227,201,153)
```
#e7d1a8
```
#e7d1a8 rgb(231,209,168)
```
#ebd9b8
```
#ebd9b8 rgb(235,217,184)
```
#f0e1c7
```
#f0e1c7 rgb(240,225,199)
```
#f4e9d6
```
#f4e9d6 rgb(244,233,214)
```
#f8f2e6
```
#f8f2e6 rgb(248,242,230)
```
#fcfaf5
```
#fcfaf5 rgb(252,250,245)
```

Tint Color Variation

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

#73716c
```
#73716c rgb(115,113,108)
```
#7c7363
```
#7c7363 rgb(124,115,99)
```
#84765b
```
#84765b rgb(132,118,91)
```
#8d7852
```
#8d7852 rgb(141,120,82)
```
#957b4a
```
#957b4a rgb(149,123,74)
```
#9e7d41
```
#9e7d41 rgb(158,125,65)
```
#a68039
```
#a68039 rgb(166,128,57)
```
#af8230
```
#af8230 rgb(175,130,48)
```
#b88427
```
#b88427 rgb(184,132,39)
```
#c0871f
```
#c0871f rgb(192,135,31)
```
#c98916
```
#c98916 rgb(201,137,22)
```
#d18c0e
```
#d18c0e rgb(209,140,14)
```
#da8e05
```
#da8e05 rgb(218,142,5)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e8575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f903c Protanopia 1% of men
#b1893a Deuteranopia 1% of men
#b98089 Tritanopia 0.001% of the population

Trichromacy

#a58a38 Protanomaly 1% of men, 0.01% of women
#b08636 Deuteranomaly 6% of men, 0.4% of women
#b58168 Tritanomaly 0.01% of the population

#af8230 hex color

#af8230 Color Information

#af8230 Color Conversion

Color Schemes with #af8230

Alternatives to #af8230

#af8230 Preview

Shades and Tints of #af8230

Tones of #af8230

Color Blindness Simulator