#af8545 hex color

In a RGB color space, hex #af8545 is composed of 68.6% red, 52.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 60.6% yellow and 31.4% black. It has a hue angle of 36.2 degrees, a saturation of 43.4% and a lightness of 47.8%. #af8545 color hex could be obtained by blending #ffff8a with #5f0b00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 52
- B 27
RGB color chart
- C 0
- M 24
- Y 61
- K 31
CMYK color chart

● #af8545 color description : Dark moderate orange.

The hexadecimal color #af8545 has RGB values of R:175, G:133, B:69 and CMYK values of C:0, M:0.24, Y:0.61, K:0.31. Its decimal value is 11502917.

Hex triplet	af8545	`#af8545`
RGB Decimal	175, 133, 69	`rgb(175,133,69)`
RGB Percent	68.6, 52.2, 27.1	`rgb(68.6%,52.2%,27.1%)`
CMYK	0, 24, 61, 31
HSL	36.2°, 43.4, 47.8	`hsl(36.2,43.4%,47.8%)`
HSV (or HSB)	36.2°, 60.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	58.34, 8.827, 40.154
XYZ	27.141, 26.32, 9.281
xyY	0.433, 0.419, 26.32
CIE-LCH	58.34, 41.113, 77.602
CIE-LUV	58.34, 33.015, 44.229
Hunter-Lab	51.303, 4.653, 25.187
Binary	10101111, 10000101, 01000101

#af8545
```
#af8545 rgb(175,133,69)
```
#456faf
```
#456faf rgb(69,111,175)
```

Complementary Color

#af5045
```
#af5045 rgb(175,80,69)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#a4af45
```
#a4af45 rgb(164,175,69)
```

Analogous Color

#5045af
```
#5045af rgb(80,69,175)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#45a4af
```
#45a4af rgb(69,164,175)
```

Split Complementary Color

#8545af
```
#8545af rgb(133,69,175)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#45af85
```
#45af85 rgb(69,175,133)
```

Triadic Color

#af456f
```
#af456f rgb(175,69,111)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#45af85
```
#45af85 rgb(69,175,133)
```
#456faf
```
#456faf rgb(69,111,175)
```

Tetradic Color

#785b2f
```
#785b2f rgb(120,91,47)
```
#8a6937
```
#8a6937 rgb(138,105,55)
```
#9d773e
```
#9d773e rgb(157,119,62)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#bb9253
```
#bb9253 rgb(187,146,83)
```
#c29d65
```
#c29d65 rgb(194,157,101)
```
#c9a977
```
#c9a977 rgb(201,169,119)
```

Monochromatic Color

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

#af6b45
```
#af6b45 rgb(175,107,69)
```
#af7345
```
#af7345 rgb(175,115,69)
```
#af7c45
```
#af7c45 rgb(175,124,69)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#af8e45
```
#af8e45 rgb(175,142,69)
```
#af9745
```
#af9745 rgb(175,151,69)
```
#afa045
```
#afa045 rgb(175,160,69)
```

Similar Colors

Text with hexadecimal color #af8545

This text has a font color of #af8545.

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

#af8545 background color

This paragraph has a background color of #af8545.

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

#af8545 border color

This element has a border color of #af8545.

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

CSS codes

.text {color:#af8545;}

.background {background-color:#af8545;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#140f08
```
#140f08 rgb(20,15,8)
```
#221a0e
```
#221a0e rgb(34,26,14)
```
#302513
```
#302513 rgb(48,37,19)
```
#3e2f19
```
#3e2f19 rgb(62,47,25)
```
#4d3a1e
```
#4d3a1e rgb(77,58,30)
```
#5b4524
```
#5b4524 rgb(91,69,36)
```
#695029
```
#695029 rgb(105,80,41)
```
#775a2f
```
#775a2f rgb(119,90,47)
```
#856534
```
#856534 rgb(133,101,52)
```
#93703a
```
#93703a rgb(147,112,58)
```
#a17a3f
```
#a17a3f rgb(161,122,63)
```
#af8545
```
#af8545 rgb(175,133,69)
```

Shade Color Variation

#b98f4e
```
#b98f4e rgb(185,143,78)
```
#bf985c
```
#bf985c rgb(191,152,92)
```
#c4a16a
```
#c4a16a rgb(196,161,106)
```
#caaa78
```
#caaa78 rgb(202,170,120)
```
#d0b387
```
#d0b387 rgb(208,179,135)
```
#d5bc95
```
#d5bc95 rgb(213,188,149)
```
#dbc4a3
```
#dbc4a3 rgb(219,196,163)
```
#e0cdb1
```
#e0cdb1 rgb(224,205,177)
```
#e6d6bf
```
#e6d6bf rgb(230,214,191)
```
#ebdfcd
```
#ebdfcd rgb(235,223,205)
```
#f1e8db
```
#f1e8db rgb(241,232,219)
```
#f6f1e9
```
#f6f1e9 rgb(246,241,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#807b74
```
#807b74 rgb(128,123,116)
```
#897d6b
```
#897d6b rgb(137,125,107)
```
#937f61
```
#937f61 rgb(147,127,97)
```
#9c8158
```
#9c8158 rgb(156,129,88)
```
#a6834e
```
#a6834e rgb(166,131,78)
```
#af8545
```
#af8545 rgb(175,133,69)
```
#b8873c
```
#b8873c rgb(184,135,60)
```
#c28932
```
#c28932 rgb(194,137,50)
```
#cb8b29
```
#cb8b29 rgb(203,139,41)
```
#d58d1f
```
#d58d1f rgb(213,141,31)
```
#de8f16
```
#de8f16 rgb(222,143,22)
```
#e7910d
```
#e7910d rgb(231,145,13)
```
#f19303
```
#f19303 rgb(241,147,3)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#91897c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09250 Protanopia 1% of men
#b28b4e Deuteranopia 1% of men
#b8848d Tritanopia 0.001% of the population

Trichromacy

#a58d4c Protanomaly 1% of men, 0.01% of women
#b1894b Deuteranomaly 6% of men, 0.4% of women
#b58472 Tritanomaly 0.01% of the population

#af8545 hex color

#af8545 Color Information

#af8545 Color Conversion

Color Schemes with #af8545

Alternatives to #af8545

#af8545 Preview

Shades and Tints of #af8545

Tones of #af8545

Color Blindness Simulator