#afb463 hex color

In a RGB color space, hex #afb463 is composed of 68.6% red, 70.6% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 45% yellow and 29.4% black. It has a hue angle of 63.7 degrees, a saturation of 35.1% and a lightness of 54.7%. #afb463 color hex could be obtained by blending #ffffc6 with #5f6900. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 71
- B 39
RGB color chart
- C 3
- M 0
- Y 45
- K 29
CMYK color chart

● #afb463 color description : Slightly desaturated yellow.

The hexadecimal color #afb463 has RGB values of R:175, G:180, B:99 and CMYK values of C:0.03, M:0, Y:0.45, K:0.29. Its decimal value is 11514979.

Hex triplet	afb463	`#afb463`
RGB Decimal	175, 180, 99	`rgb(175,180,99)`
RGB Percent	68.6, 70.6, 38.8	`rgb(68.6%,70.6%,38.8%)`
CMYK	3, 0, 45, 29
HSL	63.7°, 35.1, 54.7	`hsl(63.7,35.1%,54.7%)`
HSV (or HSB)	63.7°, 45, 70.6
Web Safe	99cc66	`#99cc66`

CIE-LAB	71.322, -13.782, 40.53
XYZ	36.252, 42.658, 18.128
xyY	0.374, 0.44, 42.658
CIE-LCH	71.322, 42.809, 108.78
CIE-LUV	71.322, 0.618, 53.053
Hunter-Lab	65.313, -15.22, 29.263
Binary	10101111, 10110100, 01100011

#afb463
```
#afb463 rgb(175,180,99)
```
#6863b4
```
#6863b4 rgb(104,99,180)
```

Complementary Color

#b49163
```
#b49163 rgb(180,145,99)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#87b463
```
#87b463 rgb(135,180,99)
```

Analogous Color

#9163b4
```
#9163b4 rgb(145,99,180)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#6387b4
```
#6387b4 rgb(99,135,180)
```

Split Complementary Color

#b463af
```
#b463af rgb(180,99,175)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#63afb4
```
#63afb4 rgb(99,175,180)
```

Triadic Color

#b46863
```
#b46863 rgb(180,104,99)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#63afb4
```
#63afb4 rgb(99,175,180)
```
#6863b4
```
#6863b4 rgb(104,99,180)
```

Tetradic Color

#848942
```
#848942 rgb(132,137,66)
```
#959a4a
```
#959a4a rgb(149,154,74)
```
#a6ab52
```
#a6ab52 rgb(166,171,82)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#b8bc74
```
#b8bc74 rgb(184,188,116)
```
#c1c585
```
#c1c585 rgb(193,197,133)
```
#c9cd97
```
#c9cd97 rgb(201,205,151)
```

Monochromatic Color

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

#b4a563
```
#b4a563 rgb(180,165,99)
```
#b4ac63
```
#b4ac63 rgb(180,172,99)
```
#b4b263
```
#b4b263 rgb(180,178,99)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#a8b463
```
#a8b463 rgb(168,180,99)
```
#a2b463
```
#a2b463 rgb(162,180,99)
```
#9bb463
```
#9bb463 rgb(155,180,99)
```

Similar Colors

Text with hexadecimal color #afb463

This text has a font color of #afb463.

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

#afb463 background color

This paragraph has a background color of #afb463.

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

#afb463 border color

This element has a border color of #afb463.

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

CSS codes

.text {color:#afb463;}

.background {background-color:#afb463;}

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

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)
```
#292b15
```
#292b15 rgb(41,43,21)
```
#36381b
```
#36381b rgb(54,56,27)
```
#434521
```
#434521 rgb(67,69,33)
```
#505228
```
#505228 rgb(80,82,40)
```
#5d602e
```
#5d602e rgb(93,96,46)
```
#696d34
```
#696d34 rgb(105,109,52)
```
#767a3b
```
#767a3b rgb(118,122,59)
```
#838741
```
#838741 rgb(131,135,65)
```
#909547
```
#909547 rgb(144,149,71)
```
#9da24e
```
#9da24e rgb(157,162,78)
```

Shade Color Variation

#a8ae56
```
#a8ae56 rgb(168,174,86)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#b6ba70
```
#b6ba70 rgb(182,186,112)
```
#bdc17d
```
#bdc17d rgb(189,193,125)
```
#c3c78b
```
#c3c78b rgb(195,199,139)
```
#cacd98
```
#cacd98 rgb(202,205,152)
```
#d1d4a5
```
#d1d4a5 rgb(209,212,165)
```
#d8dab2
```
#d8dab2 rgb(216,218,178)
```
#dfe1c0
```
#dfe1c0 rgb(223,225,192)
```
#e5e7cd
```
#e5e7cd rgb(229,231,205)
```
#ecedda
```
#ecedda rgb(236,237,218)
```
#f3f4e7
```
#f3f4e7 rgb(243,244,231)
```
#fafaf5
```
#fafaf5 rgb(250,250,245)
```

Tint Color Variation

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

#909087
```
#909087 rgb(144,144,135)
```
#98997e
```
#98997e rgb(152,153,126)
```
#9fa275
```
#9fa275 rgb(159,162,117)
```
#a7ab6c
```
#a7ab6c rgb(167,171,108)
```
#afb463
```
#afb463 rgb(175,180,99)
```
#b7bd5a
```
#b7bd5a rgb(183,189,90)
```
#bfc651
```
#bfc651 rgb(191,198,81)
```
#c6cf48
```
#c6cf48 rgb(198,207,72)
```
#ced83f
```
#ced83f rgb(206,216,63)
```
#d6e037
```
#d6e037 rgb(214,224,55)
```
#dee92e
```
#dee92e rgb(222,233,46)
```
#e6f225
```
#e6f225 rgb(230,242,37)
```
#edfb1c
```
#edfb1c rgb(237,251,28)
```

Tone Color Variation

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

#c3b269 Protanopia 1% of men
#d7ab6f Deuteranopia 1% of men
#bdaeba Tritanopia 0.001% of the population

Trichromacy

#bcb367 Protanomaly 1% of men, 0.01% of women
#c8ae6a Deuteranomaly 6% of men, 0.4% of women
#b8b09a Tritanomaly 0.01% of the population

#afb463 hex color

#afb463 Color Information

#afb463 Color Conversion

Color Schemes with #afb463

Alternatives to #afb463

#afb463 Preview

Shades and Tints of #afb463

Tones of #afb463

Color Blindness Simulator