#af6540 hex color

In a RGB color space, hex #af6540 is composed of 68.6% red, 39.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.3% magenta, 63.4% yellow and 31.4% black. It has a hue angle of 20 degrees, a saturation of 46.4% and a lightness of 46.9%. #af6540 color hex could be obtained by blending #ffca80 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 40
- B 25
RGB color chart
- C 0
- M 42
- Y 63
- K 31
CMYK color chart

● #af6540 color description : Dark moderate orange.

The hexadecimal color #af6540 has RGB values of R:175, G:101, B:64 and CMYK values of C:0, M:0.42, Y:0.63, K:0.31. Its decimal value is 11494720.

Hex triplet	af6540	`#af6540`
RGB Decimal	175, 101, 64	`rgb(175,101,64)`
RGB Percent	68.6, 39.6, 25.1	`rgb(68.6%,39.6%,25.1%)`
CMYK	0, 42, 63, 31
HSL	20°, 46.4, 46.9	`hsl(20,46.4%,46.9%)`
HSV (or HSB)	20°, 63.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.444, 26.344, 33.486
XYZ	23.259, 18.793, 7.253
xyY	0.472, 0.381, 18.793
CIE-LCH	50.444, 42.607, 51.808
CIE-LUV	50.444, 56.886, 32.161
Hunter-Lab	43.351, 19.905, 20.426
Binary	10101111, 01100101, 01000000

#af6540
```
#af6540 rgb(175,101,64)
```
#408aaf
```
#408aaf rgb(64,138,175)
```

Complementary Color

#af4052
```
#af4052 rgb(175,64,82)
```
#af6540
```
#af6540 rgb(175,101,64)
```
#af9d40
```
#af9d40 rgb(175,157,64)
```

Analogous Color

#4052af
```
#4052af rgb(64,82,175)
```
#af6540
```
#af6540 rgb(175,101,64)
```
#40af9d
```
#40af9d rgb(64,175,157)
```

Split Complementary Color

#6540af
```
#6540af rgb(101,64,175)
```
#af6540
```
#af6540 rgb(175,101,64)
```
#40af65
```
#40af65 rgb(64,175,101)
```

Triadic Color

#af408a
```
#af408a rgb(175,64,138)
```
#af6540
```
#af6540 rgb(175,101,64)
```
#40af65
```
#40af65 rgb(64,175,101)
```
#408aaf
```
#408aaf rgb(64,138,175)
```

Tetradic Color

#77452c
```
#77452c rgb(119,69,44)
```
#8a4f32
```
#8a4f32 rgb(138,79,50)
```
#9c5a39
```
#9c5a39 rgb(156,90,57)
```
#af6540
```
#af6540 rgb(175,101,64)
```
#bd714b
```
#bd714b rgb(189,113,75)
```
#c4805e
```
#c4805e rgb(196,128,94)
```
#cb8f71
```
#cb8f71 rgb(203,143,113)
```

Monochromatic Color

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

#af4940
```
#af4940 rgb(175,73,64)
```
#af5340
```
#af5340 rgb(175,83,64)
```
#af5c40
```
#af5c40 rgb(175,92,64)
```
#af6540
```
#af6540 rgb(175,101,64)
```
#af6e40
```
#af6e40 rgb(175,110,64)
```
#af7840
```
#af7840 rgb(175,120,64)
```
#af8140
```
#af8140 rgb(175,129,64)
```

Similar Colors

Text with hexadecimal color #af6540

This text has a font color of #af6540.

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

#af6540 background color

This paragraph has a background color of #af6540.

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

#af6540 border color

This element has a border color of #af6540.

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

CSS codes

.text {color:#af6540;}

.background {background-color:#af6540;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#110a06
```
#110a06 rgb(17,10,6)
```
#1f120b
```
#1f120b rgb(31,18,11)
```
#2e1a11
```
#2e1a11 rgb(46,26,17)
```
#3c2316
```
#3c2316 rgb(60,35,22)
```
#4a2b1b
```
#4a2b1b rgb(74,43,27)
```
#593320
```
#593320 rgb(89,51,32)
```
#673c26
```
#673c26 rgb(103,60,38)
```
#76442b
```
#76442b rgb(118,68,43)
```
#844c30
```
#844c30 rgb(132,76,48)
```
#925435
```
#925435 rgb(146,84,53)
```
#a15d3b
```
#a15d3b rgb(161,93,59)
```
#af6540
```
#af6540 rgb(175,101,64)
```

Shade Color Variation

#bc6e47
```
#bc6e47 rgb(188,110,71)
```
#c17955
```
#c17955 rgb(193,121,85)
```
#c68564
```
#c68564 rgb(198,133,100)
```
#cb9072
```
#cb9072 rgb(203,144,114)
```
#d19b80
```
#d19b80 rgb(209,155,128)
```
#d6a68f
```
#d6a68f rgb(214,166,143)
```
#dbb29d
```
#dbb29d rgb(219,178,157)
```
#e0bdab
```
#e0bdab rgb(224,189,171)
```
#e6c8ba
```
#e6c8ba rgb(230,200,186)
```
#ebd4c8
```
#ebd4c8 rgb(235,212,200)
```
#f0dfd7
```
#f0dfd7 rgb(240,223,215)
```
#f5eae5
```
#f5eae5 rgb(245,234,229)
```
#fbf6f3
```
#fbf6f3 rgb(251,246,243)
```

Tint Color Variation

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

#787777
```
#787777 rgb(120,119,119)
```
#81746e
```
#81746e rgb(129,116,110)
```
#8a7165
```
#8a7165 rgb(138,113,101)
```
#936e5c
```
#936e5c rgb(147,110,92)
```
#9d6b52
```
#9d6b52 rgb(157,107,82)
```
#a66849
```
#a66849 rgb(166,104,73)
```
#af6540
```
#af6540 rgb(175,101,64)
```
#b86237
```
#b86237 rgb(184,98,55)
```
#c15f2e
```
#c15f2e rgb(193,95,46)
```
#cb5c24
```
#cb5c24 rgb(203,92,36)
```
#d4591b
```
#d4591b rgb(212,89,27)
```
#dd5612
```
#dd5612 rgb(221,86,18)
```
#e65309
```
#e65309 rgb(230,83,9)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#82736c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7f50 Protanopia 1% of men
#9a7946 Deuteranopia 1% of men
#b5686f Tritanopia 0.001% of the population

Trichromacy

#97754a Protanomaly 1% of men, 0.01% of women
#a17244 Deuteranomaly 6% of men, 0.4% of women
#b3675e Tritanomaly 0.01% of the population

#af6540 hex color

#af6540 Color Information

#af6540 Color Conversion

Color Schemes with #af6540

Alternatives to #af6540

#af6540 Preview

Shades and Tints of #af6540

Tones of #af6540

Color Blindness Simulator