#af954a hex color

In a RGB color space, hex #af954a is composed of 68.6% red, 58.4% green and 29% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.9% magenta, 57.7% yellow and 31.4% black. It has a hue angle of 44.6 degrees, a saturation of 40.6% and a lightness of 48.8%. #af954a color hex could be obtained by blending #ffff94 with #5f2b00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 58
- B 29
RGB color chart
- C 0
- M 15
- Y 58
- K 31
CMYK color chart

● #af954a color description : Dark moderate orange.

The hexadecimal color #af954a has RGB values of R:175, G:149, B:74 and CMYK values of C:0, M:0.15, Y:0.58, K:0.31. Its decimal value is 11507018.

Hex triplet	af954a	`#af954a`
RGB Decimal	175, 149, 74	`rgb(175,149,74)`
RGB Percent	68.6, 58.4, 29	`rgb(68.6%,58.4%,29%)`
CMYK	0, 15, 58, 31
HSL	44.6°, 40.6, 48.8	`hsl(44.6,40.6%,48.8%)`
HSV (or HSB)	44.6°, 57.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	62.596, 0.378, 42.589
XYZ	29.663, 31.104, 10.919
xyY	0.414, 0.434, 31.104
CIE-LCH	62.596, 42.591, 89.491
CIE-LUV	62.596, 21.531, 49.526
Hunter-Lab	55.771, -2.662, 27.431
Binary	10101111, 10010101, 01001010

#af954a
```
#af954a rgb(175,149,74)
```
#4a64af
```
#4a64af rgb(74,100,175)
```

Complementary Color

#af634a
```
#af634a rgb(175,99,74)
```
#af954a
```
#af954a rgb(175,149,74)
```
#97af4a
```
#97af4a rgb(151,175,74)
```

Analogous Color

#634aaf
```
#634aaf rgb(99,74,175)
```
#af954a
```
#af954a rgb(175,149,74)
```
#4a97af
```
#4a97af rgb(74,151,175)
```

Split Complementary Color

#954aaf
```
#954aaf rgb(149,74,175)
```
#af954a
```
#af954a rgb(175,149,74)
```
#4aaf95
```
#4aaf95 rgb(74,175,149)
```

Triadic Color

#af4a64
```
#af4a64 rgb(175,74,100)
```
#af954a
```
#af954a rgb(175,149,74)
```
#4aaf95
```
#4aaf95 rgb(74,175,149)
```
#4a64af
```
#4a64af rgb(74,100,175)
```

Tetradic Color

#796733
```
#796733 rgb(121,103,51)
```
#8b763b
```
#8b763b rgb(139,118,59)
```
#9d8642
```
#9d8642 rgb(157,134,66)
```
#af954a
```
#af954a rgb(175,149,74)
```
#b9a059
```
#b9a059 rgb(185,160,89)
```
#c1ab6b
```
#c1ab6b rgb(193,171,107)
```
#c8b57d
```
#c8b57d rgb(200,181,125)
```

Monochromatic Color

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

#af7c4a
```
#af7c4a rgb(175,124,74)
```
#af844a
```
#af844a rgb(175,132,74)
```
#af8d4a
```
#af8d4a rgb(175,141,74)
```
#af954a
```
#af954a rgb(175,149,74)
```
#af9d4a
```
#af9d4a rgb(175,157,74)
```
#afa64a
```
#afa64a rgb(175,166,74)
```
#afae4a
```
#afae4a rgb(175,174,74)
```

Similar Colors

Text with hexadecimal color #af954a

This text has a font color of #af954a.

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

#af954a background color

This paragraph has a background color of #af954a.

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

#af954a border color

This element has a border color of #af954a.

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

CSS codes

.text {color:#af954a;}

.background {background-color:#af954a;}

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

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

#0a0804
```
#0a0804 rgb(10,8,4)
```
#17140a
```
#17140a rgb(23,20,10)
```
#252010
```
#252010 rgb(37,32,16)
```
#332b16
```
#332b16 rgb(51,43,22)
```
#41371b
```
#41371b rgb(65,55,27)
```
#4e4321
```
#4e4321 rgb(78,67,33)
```
#5c4f27
```
#5c4f27 rgb(92,79,39)
```
#6a5a2d
```
#6a5a2d rgb(106,90,45)
```
#786633
```
#786633 rgb(120,102,51)
```
#867239
```
#867239 rgb(134,114,57)
```
#937e3e
```
#937e3e rgb(147,126,62)
```
#a18944
```
#a18944 rgb(161,137,68)
```
#af954a
```
#af954a rgb(175,149,74)
```

Shade Color Variation

#b79e55
```
#b79e55 rgb(183,158,85)
```
#bda663
```
#bda663 rgb(189,166,99)
```
#c3ae71
```
#c3ae71 rgb(195,174,113)
```
#c9b67f
```
#c9b67f rgb(201,182,127)
```
#cfbe8c
```
#cfbe8c rgb(207,190,140)
```
#d4c59a
```
#d4c59a rgb(212,197,154)
```
#dacda8
```
#dacda8 rgb(218,205,168)
```
#e0d5b6
```
#e0d5b6 rgb(224,213,182)
```
#e6ddc4
```
#e6ddc4 rgb(230,221,196)
```
#ece5d1
```
#ece5d1 rgb(236,229,209)
```
#f2eddf
```
#f2eddf rgb(242,237,223)
```
#f7f5ed
```
#f7f5ed rgb(247,245,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#7f7e7a
```
#7f7e7a rgb(127,126,122)
```
#898270
```
#898270 rgb(137,130,112)
```
#928767
```
#928767 rgb(146,135,103)
```
#9c8c5d
```
#9c8c5d rgb(156,140,93)
```
#a59054
```
#a59054 rgb(165,144,84)
```
#af954a
```
#af954a rgb(175,149,74)
```
#b99a40
```
#b99a40 rgb(185,154,64)
```
#c29e37
```
#c29e37 rgb(194,158,55)
```
#cca32d
```
#cca32d rgb(204,163,45)
```
#d5a824
```
#d5a824 rgb(213,168,36)
```
#dfac1a
```
#dfac1a rgb(223,172,26)
```
#e8b111
```
#e8b111 rgb(232,177,17)
```
#f2b607
```
#f2b607 rgb(242,182,7)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#999485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9c54 Protanopia 1% of men
#be9554 Deuteranopia 1% of men
#ba929c Tritanopia 0.001% of the population

Trichromacy

#ad9a50 Protanomaly 1% of men, 0.01% of women
#b99550 Deuteranomaly 6% of men, 0.4% of women
#b6937e Tritanomaly 0.01% of the population

#af954a hex color

#af954a Color Information

#af954a Color Conversion

Color Schemes with #af954a

Alternatives to #af954a

#af954a Preview

Shades and Tints of #af954a

Tones of #af954a

Color Blindness Simulator