#af9a3e hex color

In a RGB color space, hex #af9a3e is composed of 68.6% red, 60.4% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 64.6% yellow and 31.4% black. It has a hue angle of 48.8 degrees, a saturation of 47.7% and a lightness of 46.5%. #af9a3e color hex could be obtained by blending #ffff7c with #5f3500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 60
- B 24
RGB color chart
- C 0
- M 12
- Y 65
- K 31
CMYK color chart

● #af9a3e color description : Dark moderate yellow.

The hexadecimal color #af9a3e has RGB values of R:175, G:154, B:62 and CMYK values of C:0, M:0.12, Y:0.65, K:0.31. Its decimal value is 11508286.

Hex triplet	af9a3e	`#af9a3e`
RGB Decimal	175, 154, 62	`rgb(175,154,62)`
RGB Percent	68.6, 60.4, 24.3	`rgb(68.6%,60.4%,24.3%)`
CMYK	0, 12, 65, 31
HSL	48.8°, 47.7, 46.5	`hsl(48.8,47.7%,46.5%)`
HSV (or HSB)	48.8°, 64.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	63.814, -3.201, 49.662
XYZ	30.104, 32.574, 9.259
xyY	0.418, 0.453, 32.574
CIE-LCH	63.814, 49.765, 93.687
CIE-LUV	63.814, 18.672, 56.507
Hunter-Lab	57.074, -5.726, 30.333
Binary	10101111, 10011010, 00111110

#af9a3e
```
#af9a3e rgb(175,154,62)
```
#3e53af
```
#3e53af rgb(62,83,175)
```

Complementary Color

#af623e
```
#af623e rgb(175,98,62)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```
#8caf3e
```
#8caf3e rgb(140,175,62)
```

Analogous Color

#623eaf
```
#623eaf rgb(98,62,175)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```
#3e8caf
```
#3e8caf rgb(62,140,175)
```

Split Complementary Color

#9a3eaf
```
#9a3eaf rgb(154,62,175)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```
#3eaf9a
```
#3eaf9a rgb(62,175,154)
```

Triadic Color

#af3e53
```
#af3e53 rgb(175,62,83)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```
#3eaf9a
```
#3eaf9a rgb(62,175,154)
```
#3e53af
```
#3e53af rgb(62,83,175)
```

Tetradic Color

#77682a
```
#77682a rgb(119,104,42)
```
#897931
```
#897931 rgb(137,121,49)
```
#9c8937
```
#9c8937 rgb(156,137,55)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```
#bea848
```
#bea848 rgb(190,168,72)
```
#c5b15b
```
#c5b15b rgb(197,177,91)
```
#ccba6e
```
#ccba6e rgb(204,186,110)
```

Monochromatic Color

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

#af7e3e
```
#af7e3e rgb(175,126,62)
```
#af873e
```
#af873e rgb(175,135,62)
```
#af913e
```
#af913e rgb(175,145,62)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```
#afa33e
```
#afa33e rgb(175,163,62)
```
#afad3e
```
#afad3e rgb(175,173,62)
```
#a8af3e
```
#a8af3e rgb(168,175,62)
```

Similar Colors

Text with hexadecimal color #af9a3e

This text has a font color of #af9a3e.

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

#af9a3e background color

This paragraph has a background color of #af9a3e.

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

#af9a3e border color

This element has a border color of #af9a3e.

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

CSS codes

.text {color:#af9a3e;}

.background {background-color:#af9a3e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100e06
```
#100e06 rgb(16,14,6)
```
#1e1b0b
```
#1e1b0b rgb(30,27,11)
```
#2d2710
```
#2d2710 rgb(45,39,16)
```
#3b3415
```
#3b3415 rgb(59,52,21)
```
#4a411a
```
#4a411a rgb(74,65,26)
```
#584e1f
```
#584e1f rgb(88,78,31)
```
#675a24
```
#675a24 rgb(103,90,36)
```
#756729
```
#756729 rgb(117,103,41)
```
#84742f
```
#84742f rgb(132,116,47)
```
#928134
```
#928134 rgb(146,129,52)
```
#a18d39
```
#a18d39 rgb(161,141,57)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```

Shade Color Variation

#bda644
```
#bda644 rgb(189,166,68)
```
#c2ad52
```
#c2ad52 rgb(194,173,82)
```
#c7b461
```
#c7b461 rgb(199,180,97)
```
#ccbb6f
```
#ccbb6f rgb(204,187,111)
```
#d1c27e
```
#d1c27e rgb(209,194,126)
```
#d6c98c
```
#d6c98c rgb(214,201,140)
```
#dccf9b
```
#dccf9b rgb(220,207,155)
```
#e1d6a9
```
#e1d6a9 rgb(225,214,169)
```
#e6ddb8
```
#e6ddb8 rgb(230,221,184)
```
#ebe4c6
```
#ebe4c6 rgb(235,228,198)
```
#f0ebd5
```
#f0ebd5 rgb(240,235,213)
```
#f5f2e3
```
#f5f2e3 rgb(245,242,227)
```
#faf9f2
```
#faf9f2 rgb(250,249,242)
```

Tint Color Variation

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

#787875
```
#787875 rgb(120,120,117)
```
#817d6c
```
#817d6c rgb(129,125,108)
```
#8b8362
```
#8b8362 rgb(139,131,98)
```
#948959
```
#948959 rgb(148,137,89)
```
#9d8f50
```
#9d8f50 rgb(157,143,80)
```
#a69447
```
#a69447 rgb(166,148,71)
```
#af9a3e
```
#af9a3e rgb(175,154,62)
```
#b8a035
```
#b8a035 rgb(184,160,53)
```
#c1a52c
```
#c1a52c rgb(193,165,44)
```
#caab23
```
#caab23 rgb(202,171,35)
```
#d3b11a
```
#d3b11a rgb(211,177,26)
```
#ddb710
```
#ddb710 rgb(221,183,16)
```
#e6bc07
```
#e6bc07 rgb(230,188,7)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b9784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a048 Protanopia 1% of men
#c4984a Deuteranopia 1% of men
#bb96a0 Tritanopia 0.001% of the population

Trichromacy

#b09d44 Protanomaly 1% of men, 0.01% of women
#bc9945 Deuteranomaly 6% of men, 0.4% of women
#b6977c Tritanomaly 0.01% of the population

#af9a3e hex color

#af9a3e Color Information

#af9a3e Color Conversion

Color Schemes with #af9a3e

Alternatives to #af9a3e

#af9a3e Preview

Shades and Tints of #af9a3e

Tones of #af9a3e

Color Blindness Simulator