#afb364 hex color

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

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

● #afb364 color description : Slightly desaturated yellow.

The hexadecimal color #afb364 has RGB values of R:175, G:179, B:100 and CMYK values of C:0.02, M:0, Y:0.44, K:0.3. Its decimal value is 11514724.

Hex triplet	afb364	`#afb364`
RGB Decimal	175, 179, 100	`rgb(175,179,100)`
RGB Percent	68.6, 70.2, 39.2	`rgb(68.6%,70.2%,39.2%)`
CMYK	2, 0, 44, 30
HSL	63°, 34.2, 54.7	`hsl(63,34.2%,54.7%)`
HSV (or HSB)	63°, 44.1, 70.2
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.06, -13.163, 39.703
XYZ	36.099, 42.275, 18.314
xyY	0.373, 0.437, 42.275
CIE-LCH	71.06, 41.828, 108.342
CIE-LUV	71.06, 1.186, 52.042
Hunter-Lab	65.019, -14.678, 28.813
Binary	10101111, 10110011, 01100100

#afb364
```
#afb364 rgb(175,179,100)
```
#6864b3
```
#6864b3 rgb(104,100,179)
```

Complementary Color

#b39064
```
#b39064 rgb(179,144,100)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#88b364
```
#88b364 rgb(136,179,100)
```

Analogous Color

#9064b3
```
#9064b3 rgb(144,100,179)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#6488b3
```
#6488b3 rgb(100,136,179)
```

Split Complementary Color

#b364af
```
#b364af rgb(179,100,175)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#64afb3
```
#64afb3 rgb(100,175,179)
```

Triadic Color

#b36864
```
#b36864 rgb(179,104,100)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#64afb3
```
#64afb3 rgb(100,175,179)
```
#6864b3
```
#6864b3 rgb(104,100,179)
```

Tetradic Color

#848843
```
#848843 rgb(132,136,67)
```
#95994b
```
#95994b rgb(149,153,75)
```
#a6aa53
```
#a6aa53 rgb(166,170,83)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#b8bb75
```
#b8bb75 rgb(184,187,117)
```
#c1c486
```
#c1c486 rgb(193,196,134)
```
#c9cc97
```
#c9cc97 rgb(201,204,151)
```

Monochromatic Color

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

#b3a364
```
#b3a364 rgb(179,163,100)
```
#b3aa64
```
#b3aa64 rgb(179,170,100)
```
#b3b064
```
#b3b064 rgb(179,176,100)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#a8b364
```
#a8b364 rgb(168,179,100)
```
#a2b364
```
#a2b364 rgb(162,179,100)
```
#9bb364
```
#9bb364 rgb(155,179,100)
```

Similar Colors

Text with hexadecimal color #afb364

This text has a font color of #afb364.

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

#afb364 background color

This paragraph has a background color of #afb364.

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

#afb364 border color

This element has a border color of #afb364.

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

CSS codes

.text {color:#afb364;}

.background {background-color:#afb364;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101008
```
#101008 rgb(16,16,8)
```
#1d1d0e
```
#1d1d0e rgb(29,29,14)
```
#292a15
```
#292a15 rgb(41,42,21)
```
#36381b
```
#36381b rgb(54,56,27)
```
#434522
```
#434522 rgb(67,69,34)
```
#505228
```
#505228 rgb(80,82,40)
```
#5d5f2f
```
#5d5f2f rgb(93,95,47)
```
#696c35
```
#696c35 rgb(105,108,53)
```
#76793c
```
#76793c rgb(118,121,60)
```
#838742
```
#838742 rgb(131,135,66)
```
#909448
```
#909448 rgb(144,148,72)
```
#9da14f
```
#9da14f rgb(157,161,79)
```

Shade Color Variation

#a8ad57
```
#a8ad57 rgb(168,173,87)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#b6b971
```
#b6b971 rgb(182,185,113)
```
#bdc07e
```
#bdc07e rgb(189,192,126)
```
#c3c68b
```
#c3c68b rgb(195,198,139)
```
#cacd99
```
#cacd99 rgb(202,205,153)
```
#d1d3a6
```
#d1d3a6 rgb(209,211,166)
```
#d8dab3
```
#d8dab3 rgb(216,218,179)
```
#dfe0c0
```
#dfe0c0 rgb(223,224,192)
```
#e5e7cd
```
#e5e7cd rgb(229,231,205)
```
#ecedda
```
#ecedda rgb(236,237,218)
```
#f3f4e8
```
#f3f4e8 rgb(243,244,232)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#8f8f88
```
#8f8f88 rgb(143,143,136)
```
#97987f
```
#97987f rgb(151,152,127)
```
#9fa176
```
#9fa176 rgb(159,161,118)
```
#a7aa6d
```
#a7aa6d rgb(167,170,109)
```
#afb364
```
#afb364 rgb(175,179,100)
```
#b7bc5b
```
#b7bc5b rgb(183,188,91)
```
#bfc552
```
#bfc552 rgb(191,197,82)
```
#c7ce49
```
#c7ce49 rgb(199,206,73)
```
#cfd740
```
#cfd740 rgb(207,215,64)
```
#d7df38
```
#d7df38 rgb(215,223,56)
```
#dfe82f
```
#dfe82f rgb(223,232,47)
```
#e7f126
```
#e7f126 rgb(231,241,38)
```
#effa1d
```
#effa1d rgb(239,250,29)
```

Tone Color Variation

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

#c2b26a Protanopia 1% of men
#d6aa70 Deuteranopia 1% of men
#bdadba Tritanopia 0.001% of the population

Trichromacy

#bbb268 Protanomaly 1% of men, 0.01% of women
#c7ad6b Deuteranomaly 6% of men, 0.4% of women
#b8af9a Tritanomaly 0.01% of the population

#afb364 hex color

#afb364 Color Information

#afb364 Color Conversion

Color Schemes with #afb364

Alternatives to #afb364

#afb364 Preview

Shades and Tints of #afb364

Tones of #afb364

Color Blindness Simulator