#afb362 hex color

In a RGB color space, hex #afb362 is composed of 68.6% red, 70.2% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 45.3% yellow and 29.8% black. It has a hue angle of 63 degrees, a saturation of 34.8% and a lightness of 54.3%. #afb362 color hex could be obtained by blending #ffffc4 with #5f6700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 70
- B 38
RGB color chart
- C 2
- M 0
- Y 45
- K 30
CMYK color chart

● #afb362 color description : Slightly desaturated yellow.

The hexadecimal color #afb362 has RGB values of R:175, G:179, B:98 and CMYK values of C:0.02, M:0, Y:0.45, K:0.3. Its decimal value is 11514722.

Hex triplet	afb362	`#afb362`
RGB Decimal	175, 179, 98	`rgb(175,179,98)`
RGB Percent	68.6, 70.2, 38.4	`rgb(68.6%,70.2%,38.4%)`
CMYK	2, 0, 45, 30
HSL	63°, 34.8, 54.3	`hsl(63,34.8%,54.3%)`
HSV (or HSB)	63°, 45.3, 70.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.034, -13.369, 40.679
XYZ	36.004, 42.236, 17.81
xyY	0.375, 0.44, 42.236
CIE-LCH	71.034, 42.819, 108.193
CIE-LUV	71.034, 1.252, 53.044
Hunter-Lab	64.989, -14.844, 29.244
Binary	10101111, 10110011, 01100010

#afb362
```
#afb362 rgb(175,179,98)
```
#6662b3
```
#6662b3 rgb(102,98,179)
```

Complementary Color

#b38f62
```
#b38f62 rgb(179,143,98)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#87b362
```
#87b362 rgb(135,179,98)
```

Analogous Color

#8f62b3
```
#8f62b3 rgb(143,98,179)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#6287b3
```
#6287b3 rgb(98,135,179)
```

Split Complementary Color

#b362af
```
#b362af rgb(179,98,175)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#62afb3
```
#62afb3 rgb(98,175,179)
```

Triadic Color

#b36662
```
#b36662 rgb(179,102,98)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#62afb3
```
#62afb3 rgb(98,175,179)
```
#6662b3
```
#6662b3 rgb(102,98,179)
```

Tetradic Color

#848741
```
#848741 rgb(132,135,65)
```
#94984a
```
#94984a rgb(148,152,74)
```
#a5a952
```
#a5a952 rgb(165,169,82)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#b8bb73
```
#b8bb73 rgb(184,187,115)
```
#c1c484
```
#c1c484 rgb(193,196,132)
```
#c9cc96
```
#c9cc96 rgb(201,204,150)
```

Monochromatic Color

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

#b3a362
```
#b3a362 rgb(179,163,98)
```
#b3aa62
```
#b3aa62 rgb(179,170,98)
```
#b3b062
```
#b3b062 rgb(179,176,98)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#a8b362
```
#a8b362 rgb(168,179,98)
```
#a2b362
```
#a2b362 rgb(162,179,98)
```
#9bb362
```
#9bb362 rgb(155,179,98)
```

Similar Colors

Text with hexadecimal color #afb362

This text has a font color of #afb362.

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

#afb362 background color

This paragraph has a background color of #afb362.

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

#afb362 border color

This element has a border color of #afb362.

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

CSS codes

.text {color:#afb362;}

.background {background-color:#afb362;}

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

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 #f9f9f3 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#0e0f07
```
#0e0f07 rgb(14,15,7)
```
#1b1c0e
```
#1b1c0e rgb(27,28,14)
```
#282914
```
#282914 rgb(40,41,20)
```
#35361a
```
#35361a rgb(53,54,26)
```
#424421
```
#424421 rgb(66,68,33)
```
#4f5127
```
#4f5127 rgb(79,81,39)
```
#5c5e2e
```
#5c5e2e rgb(92,94,46)
```
#696b34
```
#696b34 rgb(105,107,52)
```
#75793a
```
#75793a rgb(117,121,58)
```
#828641
```
#828641 rgb(130,134,65)
```
#8f9347
```
#8f9347 rgb(143,147,71)
```
#9ca04e
```
#9ca04e rgb(156,160,78)
```

Shade Color Variation

#a8ad55
```
#a8ad55 rgb(168,173,85)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#b6b96f
```
#b6b96f rgb(182,185,111)
```
#bcc07c
```
#bcc07c rgb(188,192,124)
```
#c3c68a
```
#c3c68a rgb(195,198,138)
```
#cacd97
```
#cacd97 rgb(202,205,151)
```
#d1d3a4
```
#d1d3a4 rgb(209,211,164)
```
#d7d9b1
```
#d7d9b1 rgb(215,217,177)
```
#dee0bf
```
#dee0bf rgb(222,224,191)
```
#e5e6cc
```
#e5e6cc rgb(229,230,204)
```
#ecedd9
```
#ecedd9 rgb(236,237,217)
```
#f2f3e6
```
#f2f3e6 rgb(242,243,230)
```
#f9f9f3
```
#f9f9f3 rgb(249,249,243)
```

Tint Color Variation

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

#8f8f86
```
#8f8f86 rgb(143,143,134)
```
#97987d
```
#97987d rgb(151,152,125)
```
#9fa174
```
#9fa174 rgb(159,161,116)
```
#a7aa6b
```
#a7aa6b rgb(167,170,107)
```
#afb362
```
#afb362 rgb(175,179,98)
```
#b7bc59
```
#b7bc59 rgb(183,188,89)
```
#bfc550
```
#bfc550 rgb(191,197,80)
```
#c7ce47
```
#c7ce47 rgb(199,206,71)
```
#cfd73e
```
#cfd73e rgb(207,215,62)
```
#d7e035
```
#d7e035 rgb(215,224,53)
```
#dfe92c
```
#dfe92c rgb(223,233,44)
```
#e8f223
```
#e8f223 rgb(232,242,35)
```
#f0fb1a
```
#f0fb1a rgb(240,251,26)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaab9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b268 Protanopia 1% of men
#d6aa6e Deuteranopia 1% of men
#bdadb9 Tritanopia 0.001% of the population

Trichromacy

#bbb266 Protanomaly 1% of men, 0.01% of women
#c8ad69 Deuteranomaly 6% of men, 0.4% of women
#b8af99 Tritanomaly 0.01% of the population

#afb362 hex color

#afb362 Color Information

#afb362 Color Conversion

Color Schemes with #afb362

Alternatives to #afb362

#afb362 Preview

Shades and Tints of #afb362

Tones of #afb362

Color Blindness Simulator