#af6b40 hex color

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

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

● #af6b40 color description : Dark moderate orange.

The hexadecimal color #af6b40 has RGB values of R:175, G:107, B:64 and CMYK values of C:0, M:0.39, Y:0.63, K:0.31. Its decimal value is 11496256.

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

CIE-LAB	51.839, 23.019, 35.146
XYZ	23.863, 20.001, 7.454
xyY	0.465, 0.39, 20.001
CIE-LCH	51.839, 42.013, 56.778
CIE-LUV	51.839, 52.455, 34.747
Hunter-Lab	44.723, 16.978, 21.424
Binary	10101111, 01101011, 01000000

#af6b40
```
#af6b40 rgb(175,107,64)
```
#4084af
```
#4084af rgb(64,132,175)
```

Complementary Color

#af404c
```
#af404c rgb(175,64,76)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```
#afa340
```
#afa340 rgb(175,163,64)
```

Analogous Color

#404caf
```
#404caf rgb(64,76,175)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```
#40afa3
```
#40afa3 rgb(64,175,163)
```

Split Complementary Color

#6b40af
```
#6b40af rgb(107,64,175)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```
#40af6b
```
#40af6b rgb(64,175,107)
```

Triadic Color

#af4084
```
#af4084 rgb(175,64,132)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```
#40af6b
```
#40af6b rgb(64,175,107)
```
#4084af
```
#4084af rgb(64,132,175)
```

Tetradic Color

#77492c
```
#77492c rgb(119,73,44)
```
#8a5432
```
#8a5432 rgb(138,84,50)
```
#9c6039
```
#9c6039 rgb(156,96,57)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```
#bd774b
```
#bd774b rgb(189,119,75)
```
#c4855e
```
#c4855e rgb(196,133,94)
```
#cb9471
```
#cb9471 rgb(203,148,113)
```

Monochromatic Color

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

#af4f40
```
#af4f40 rgb(175,79,64)
```
#af5940
```
#af5940 rgb(175,89,64)
```
#af6240
```
#af6240 rgb(175,98,64)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```
#af7440
```
#af7440 rgb(175,116,64)
```
#af7e40
```
#af7e40 rgb(175,126,64)
```
#af8740
```
#af8740 rgb(175,135,64)
```

Similar Colors

Text with hexadecimal color #af6b40

This text has a font color of #af6b40.

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

#af6b40 background color

This paragraph has a background color of #af6b40.

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

#af6b40 border color

This element has a border color of #af6b40.

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

CSS codes

.text {color:#af6b40;}

.background {background-color:#af6b40;}

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

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)
```
#1f130b
```
#1f130b rgb(31,19,11)
```
#2e1c11
```
#2e1c11 rgb(46,28,17)
```
#3c2516
```
#3c2516 rgb(60,37,22)
```
#4a2e1b
```
#4a2e1b rgb(74,46,27)
```
#593620
```
#593620 rgb(89,54,32)
```
#673f26
```
#673f26 rgb(103,63,38)
```
#76482b
```
#76482b rgb(118,72,43)
```
#845130
```
#845130 rgb(132,81,48)
```
#925935
```
#925935 rgb(146,89,53)
```
#a1623b
```
#a1623b rgb(161,98,59)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```

Shade Color Variation

#bc7447
```
#bc7447 rgb(188,116,71)
```
#c17f55
```
#c17f55 rgb(193,127,85)
```
#c68a64
```
#c68a64 rgb(198,138,100)
```
#cb9572
```
#cb9572 rgb(203,149,114)
```
#d19f80
```
#d19f80 rgb(209,159,128)
```
#d6aa8f
```
#d6aa8f rgb(214,170,143)
```
#dbb59d
```
#dbb59d rgb(219,181,157)
```
#e0c0ab
```
#e0c0ab rgb(224,192,171)
```
#e6cbba
```
#e6cbba rgb(230,203,186)
```
#ebd6c8
```
#ebd6c8 rgb(235,214,200)
```
#f0e0d7
```
#f0e0d7 rgb(240,224,215)
```
#f5ebe5
```
#f5ebe5 rgb(245,235,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 #e65f09 is the most saturated one.

#787777
```
#787777 rgb(120,119,119)
```
#81756e
```
#81756e rgb(129,117,110)
```
#8a7365
```
#8a7365 rgb(138,115,101)
```
#93715c
```
#93715c rgb(147,113,92)
```
#9d6f52
```
#9d6f52 rgb(157,111,82)
```
#a66d49
```
#a66d49 rgb(166,109,73)
```
#af6b40
```
#af6b40 rgb(175,107,64)
```
#b86937
```
#b86937 rgb(184,105,55)
```
#c1672e
```
#c1672e rgb(193,103,46)
```
#cb6524
```
#cb6524 rgb(203,101,36)
```
#d4631b
```
#d4631b rgb(212,99,27)
```
#dd6112
```
#dd6112 rgb(221,97,18)
```
#e65f09
```
#e65f09 rgb(230,95,9)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#85776e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e824f Protanopia 1% of men
#9e7c47 Deuteranopia 1% of men
#b66d74 Tritanopia 0.001% of the population

Trichromacy

#9a7949 Protanomaly 1% of men, 0.01% of women
#a47644 Deuteranomaly 6% of men, 0.4% of women
#b36c61 Tritanomaly 0.01% of the population

#af6b40 hex color

#af6b40 Color Information

#af6b40 Color Conversion

Color Schemes with #af6b40

Alternatives to #af6b40

#af6b40 Preview

Shades and Tints of #af6b40

Tones of #af6b40

Color Blindness Simulator