#af963f hex color

In a RGB color space, hex #af963f is composed of 68.6% red, 58.8% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.3% magenta, 64% yellow and 31.4% black. It has a hue angle of 46.6 degrees, a saturation of 47.1% and a lightness of 46.7%. #af963f color hex could be obtained by blending #ffff7e with #5f2d00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 59
- B 25
RGB color chart
- C 0
- M 14
- Y 64
- K 31
CMYK color chart

● #af963f color description : Dark moderate yellow.

The hexadecimal color #af963f has RGB values of R:175, G:150, B:63 and CMYK values of C:0, M:0.14, Y:0.64, K:0.31. Its decimal value is 11507263.

Hex triplet	af963f	`#af963f`
RGB Decimal	175, 150, 63	`rgb(175,150,63)`
RGB Percent	68.6, 58.8, 24.7	`rgb(68.6%,58.8%,24.7%)`
CMYK	0, 14, 64, 31
HSL	46.6°, 47.1, 46.7	`hsl(46.6,47.1%,46.7%)`
HSV (or HSB)	46.6°, 64, 68.6
Web Safe	999933	`#999933`

CIE-LAB	62.749, -0.969, 48.049
XYZ	29.483, 31.287, 9.188
xyY	0.421, 0.447, 31.287
CIE-LCH	62.749, 48.059, 91.156
CIE-LUV	62.749, 21.387, 54.355
Hunter-Lab	55.934, -3.798, 29.415
Binary	10101111, 10010110, 00111111

#af963f
```
#af963f rgb(175,150,63)
```
#3f58af
```
#3f58af rgb(63,88,175)
```

Complementary Color

#af5e3f
```
#af5e3f rgb(175,94,63)
```
#af963f
```
#af963f rgb(175,150,63)
```
#90af3f
```
#90af3f rgb(144,175,63)
```

Analogous Color

#5e3faf
```
#5e3faf rgb(94,63,175)
```
#af963f
```
#af963f rgb(175,150,63)
```
#3f90af
```
#3f90af rgb(63,144,175)
```

Split Complementary Color

#963faf
```
#963faf rgb(150,63,175)
```
#af963f
```
#af963f rgb(175,150,63)
```
#3faf96
```
#3faf96 rgb(63,175,150)
```

Triadic Color

#af3f58
```
#af3f58 rgb(175,63,88)
```
#af963f
```
#af963f rgb(175,150,63)
```
#3faf96
```
#3faf96 rgb(63,175,150)
```
#3f58af
```
#3f58af rgb(63,88,175)
```

Tetradic Color

#77662b
```
#77662b rgb(119,102,43)
```
#8a7632
```
#8a7632 rgb(138,118,50)
```
#9c8638
```
#9c8638 rgb(156,134,56)
```
#af963f
```
#af963f rgb(175,150,63)
```
#bea44a
```
#bea44a rgb(190,164,74)
```
#c5ad5d
```
#c5ad5d rgb(197,173,93)
```
#cbb76f
```
#cbb76f rgb(203,183,111)
```

Monochromatic Color

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

#af7a3f
```
#af7a3f rgb(175,122,63)
```
#af833f
```
#af833f rgb(175,131,63)
```
#af8d3f
```
#af8d3f rgb(175,141,63)
```
#af963f
```
#af963f rgb(175,150,63)
```
#af9f3f
```
#af9f3f rgb(175,159,63)
```
#afa93f
```
#afa93f rgb(175,169,63)
```
#acaf3f
```
#acaf3f rgb(172,175,63)
```

Similar Colors

Text with hexadecimal color #af963f

This text has a font color of #af963f.

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

#af963f background color

This paragraph has a background color of #af963f.

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

#af963f border color

This element has a border color of #af963f.

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

CSS codes

.text {color:#af963f;}

.background {background-color:#af963f;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#100e06
```
#100e06 rgb(16,14,6)
```
#1f1a0b
```
#1f1a0b rgb(31,26,11)
```
#2d2710
```
#2d2710 rgb(45,39,16)
```
#3c3315
```
#3c3315 rgb(60,51,21)
```
#4a3f1b
```
#4a3f1b rgb(74,63,27)
```
#584c20
```
#584c20 rgb(88,76,32)
```
#675825
```
#675825 rgb(103,88,37)
```
#75652a
```
#75652a rgb(117,101,42)
```
#84712f
```
#84712f rgb(132,113,47)
```
#927d35
```
#927d35 rgb(146,125,53)
```
#a18a3a
```
#a18a3a rgb(161,138,58)
```
#af963f
```
#af963f rgb(175,150,63)
```

Shade Color Variation

#bca245
```
#bca245 rgb(188,162,69)
```
#c1a954
```
#c1a954 rgb(193,169,84)
```
#c7b062
```
#c7b062 rgb(199,176,98)
```
#ccb771
```
#ccb771 rgb(204,183,113)
```
#d1bf7f
```
#d1bf7f rgb(209,191,127)
```
#d6c68e
```
#d6c68e rgb(214,198,142)
```
#dbcd9c
```
#dbcd9c rgb(219,205,156)
```
#e1d4aa
```
#e1d4aa rgb(225,212,170)
```
#e6dcb9
```
#e6dcb9 rgb(230,220,185)
```
#ebe3c7
```
#ebe3c7 rgb(235,227,199)
```
#f0ead6
```
#f0ead6 rgb(240,234,214)
```
#f5f1e4
```
#f5f1e4 rgb(245,241,228)
```
#fbf9f3
```
#fbf9f3 rgb(251,249,243)
```

Tint Color Variation

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

#787876
```
#787876 rgb(120,120,118)
```
#817d6d
```
#817d6d rgb(129,125,109)
```
#8a8264
```
#8a8264 rgb(138,130,100)
```
#94875a
```
#94875a rgb(148,135,90)
```
#9d8c51
```
#9d8c51 rgb(157,140,81)
```
#a69148
```
#a69148 rgb(166,145,72)
```
#af963f
```
#af963f rgb(175,150,63)
```
#b89b36
```
#b89b36 rgb(184,155,54)
```
#c1a02d
```
#c1a02d rgb(193,160,45)
```
#caa524
```
#caa524 rgb(202,165,36)
```
#d4aa1a
```
#d4aa1a rgb(212,170,26)
```
#ddaf11
```
#ddaf11 rgb(221,175,17)
```
#e6b408
```
#e6b408 rgb(230,180,8)
```

Tone Color Variation

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

Dichromacy

#ad9d49 Protanopia 1% of men
#c0964a Deuteranopia 1% of men
#ba929c Tritanopia 0.001% of the population

Trichromacy

#ae9a45 Protanomaly 1% of men, 0.01% of women
#ba9646 Deuteranomaly 6% of men, 0.4% of women
#b6937a Tritanomaly 0.01% of the population

#af963f hex color

#af963f Color Information

#af963f Color Conversion

Color Schemes with #af963f

Alternatives to #af963f

#af963f Preview

Shades and Tints of #af963f

Tones of #af963f

Color Blindness Simulator