#af663c hex color

In a RGB color space, hex #af663c is composed of 68.6% red, 40% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 65.7% yellow and 31.4% black. It has a hue angle of 21.9 degrees, a saturation of 48.9% and a lightness of 46.1%. #af663c color hex could be obtained by blending #ffcc78 with #5f0000. Closest websafe color is: #996633.

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

● #af663c color description : Dark moderate orange.

The hexadecimal color #af663c has RGB values of R:175, G:102, B:60 and CMYK values of C:0, M:0.42, Y:0.66, K:0.31. Its decimal value is 11494972.

Hex triplet	af663c	`#af663c`
RGB Decimal	175, 102, 60	`rgb(175,102,60)`
RGB Percent	68.6, 40, 23.5	`rgb(68.6%,40%,23.5%)`
CMYK	0, 42, 66, 31
HSL	21.9°, 48.9, 46.1	`hsl(21.9,48.9%,46.1%)`
HSV (or HSB)	21.9°, 65.7, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.622, 25.522, 35.879
XYZ	23.247, 18.945, 6.707
xyY	0.475, 0.387, 18.945
CIE-LCH	50.622, 44.031, 54.574
CIE-LUV	50.622, 56.633, 34.366
Hunter-Lab	43.526, 19.166, 21.331
Binary	10101111, 01100110, 00111100

#af663c
```
#af663c rgb(175,102,60)
```
#3c85af
```
#3c85af rgb(60,133,175)
```

Complementary Color

#af3c4c
```
#af3c4c rgb(175,60,76)
```
#af663c
```
#af663c rgb(175,102,60)
```
#afa03c
```
#afa03c rgb(175,160,60)
```

Analogous Color

#3c4caf
```
#3c4caf rgb(60,76,175)
```
#af663c
```
#af663c rgb(175,102,60)
```
#3cafa0
```
#3cafa0 rgb(60,175,160)
```

Split Complementary Color

#663caf
```
#663caf rgb(102,60,175)
```
#af663c
```
#af663c rgb(175,102,60)
```
#3caf66
```
#3caf66 rgb(60,175,102)
```

Triadic Color

#af3c85
```
#af3c85 rgb(175,60,133)
```
#af663c
```
#af663c rgb(175,102,60)
```
#3caf66
```
#3caf66 rgb(60,175,102)
```
#3c85af
```
#3c85af rgb(60,133,175)
```

Tetradic Color

#764528
```
#764528 rgb(118,69,40)
```
#89502f
```
#89502f rgb(137,80,47)
```
#9c5b35
```
#9c5b35 rgb(156,91,53)
```
#af663c
```
#af663c rgb(175,102,60)
```
#bf7245
```
#bf7245 rgb(191,114,69)
```
#c68058
```
#c68058 rgb(198,128,88)
```
#cc8f6b
```
#cc8f6b rgb(204,143,107)
```

Monochromatic Color

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

#af493c
```
#af493c rgb(175,73,60)
```
#af533c
```
#af533c rgb(175,83,60)
```
#af5c3c
```
#af5c3c rgb(175,92,60)
```
#af663c
```
#af663c rgb(175,102,60)
```
#af703c
```
#af703c rgb(175,112,60)
```
#af793c
```
#af793c rgb(175,121,60)
```
#af833c
```
#af833c rgb(175,131,60)
```

Similar Colors

Text with hexadecimal color #af663c

This text has a font color of #af663c.

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

#af663c background color

This paragraph has a background color of #af663c.

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

#af663c border color

This element has a border color of #af663c.

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

CSS codes

.text {color:#af663c;}

.background {background-color:#af663c;}

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

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

#0e0805
```
#0e0805 rgb(14,8,5)
```
#1d110a
```
#1d110a rgb(29,17,10)
```
#2c190f
```
#2c190f rgb(44,25,15)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#492a19
```
#492a19 rgb(73,42,25)
```
#57331e
```
#57331e rgb(87,51,30)
```
#663b23
```
#663b23 rgb(102,59,35)
```
#754428
```
#754428 rgb(117,68,40)
```
#834c2d
```
#834c2d rgb(131,76,45)
```
#925532
```
#925532 rgb(146,85,50)
```
#a05d37
```
#a05d37 rgb(160,93,55)
```
#af663c
```
#af663c rgb(175,102,60)
```
#be6f41
```
#be6f41 rgb(190,111,65)
```

Shade Color Variation

#c37a4f
```
#c37a4f rgb(195,122,79)
```
#c8855e
```
#c8855e rgb(200,133,94)
```
#cd906d
```
#cd906d rgb(205,144,109)
```
#d29b7b
```
#d29b7b rgb(210,155,123)
```
#d7a68a
```
#d7a68a rgb(215,166,138)
```
#dcb198
```
#dcb198 rgb(220,177,152)
```
#e1bca7
```
#e1bca7 rgb(225,188,167)
```
#e6c7b6
```
#e6c7b6 rgb(230,199,182)
```
#ebd2c4
```
#ebd2c4 rgb(235,210,196)
```
#f0ddd3
```
#f0ddd3 rgb(240,221,211)
```
#f5e9e1
```
#f5e9e1 rgb(245,233,225)
```
#faf4f0
```
#faf4f0 rgb(250,244,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797572
```
#797572 rgb(121,117,114)
```
#827269
```
#827269 rgb(130,114,105)
```
#8b7060
```
#8b7060 rgb(139,112,96)
```
#946d57
```
#946d57 rgb(148,109,87)
```
#9d6b4e
```
#9d6b4e rgb(157,107,78)
```
#a66845
```
#a66845 rgb(166,104,69)
```
#af663c
```
#af663c rgb(175,102,60)
```
#b86433
```
#b86433 rgb(184,100,51)
```
#c1612a
```
#c1612a rgb(193,97,42)
```
#ca5f21
```
#ca5f21 rgb(202,95,33)
```
#d35c18
```
#d35c18 rgb(211,92,24)
```
#dc5a0f
```
#dc5a0f rgb(220,90,15)
```
#e55706
```
#e55706 rgb(229,87,6)
```

Tone Color Variation

Below, you can see how #af663c 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
#82746b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7f4b Protanopia 1% of men
#9b7942 Deuteranopia 1% of men
#b5686f Tritanopia 0.001% of the population

Trichromacy

#987646 Protanomaly 1% of men, 0.01% of women
#a27240 Deuteranomaly 6% of men, 0.4% of women
#b3675c Tritanomaly 0.01% of the population

#af663c hex color

#af663c Color Information

#af663c Color Conversion

Color Schemes with #af663c

Alternatives to #af663c

#af663c Preview

Shades and Tints of #af663c

Tones of #af663c

Color Blindness Simulator