colorhexa.com

#afb969 hex color

In a RGB color space, hex #afb969 is composed of 68.6% red, 72.5% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 43.2% yellow and 27.5% black. It has a hue angle of 67.5 degrees, a saturation of 36.4% and a lightness of 56.9%. #afb969 color hex could be obtained by blending #ffffd2 with #5f7300. Closest websafe color is: #99cc66.

- R 69
- G 73
- B 41
RGB color chart
- C 5
- M 0
- Y 43
- K 27
CMYK color chart

● #afb969 color description : Slightly desaturated yellow.

The hexadecimal color #afb969 has RGB values of R:175, G:185, B:105 and CMYK values of C:0.05, M:0, Y:0.43, K:0.27. Its decimal value is 11516265.

Hex triplet	afb969	`#afb969`
RGB Decimal	175, 185, 105	`rgb(175,185,105)`
RGB Percent	68.6, 72.5, 41.2	`rgb(68.6%,72.5%,41.2%)`
CMYK	5, 0, 43, 27
HSL	67.5°, 36.4, 56.9	`hsl(67.5,36.4%,56.9%)`
HSV (or HSB)	67.5°, 43.2, 72.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.781, -15.705, 39.31
XYZ	37.577, 44.832, 20.038
xyY	0.367, 0.438, 44.832
CIE-LCH	72.781, 42.331, 111.778
CIE-LUV	72.781, -2.531, 52.566
Hunter-Lab	66.957, -16.996, 29.126
Binary	10101111, 10111001, 01101001

#afb969
```
#afb969 rgb(175,185,105)
```
#7369b9
```
#7369b9 rgb(115,105,185)
```

Complementary Color

#b99b69
```
#b99b69 rgb(185,155,105)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#87b969
```
#87b969 rgb(135,185,105)
```

Analogous Color

#9b69b9
```
#9b69b9 rgb(155,105,185)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#6987b9
```
#6987b9 rgb(105,135,185)
```

Split Complementary Color

#b969af
```
#b969af rgb(185,105,175)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#69afb9
```
#69afb9 rgb(105,175,185)
```

Triadic Color

#b97369
```
#b97369 rgb(185,115,105)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#69afb9
```
#69afb9 rgb(105,175,185)
```
#7369b9
```
#7369b9 rgb(115,105,185)
```

Tetradic Color

#889244
```
#889244 rgb(136,146,68)
```
#98a34c
```
#98a34c rgb(152,163,76)
```
#a6b158
```
#a6b158 rgb(166,177,88)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#b8c17a
```
#b8c17a rgb(184,193,122)
```
#c2c98c
```
#c2c98c rgb(194,201,140)
```
#cbd19d
```
#cbd19d rgb(203,209,157)
```

Monochromatic Color

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

#b9af69
```
#b9af69 rgb(185,175,105)
```
#b9b669
```
#b9b669 rgb(185,182,105)
```
#b6b969
```
#b6b969 rgb(182,185,105)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#a8b969
```
#a8b969 rgb(168,185,105)
```
#a2b969
```
#a2b969 rgb(162,185,105)
```
#9bb969
```
#9bb969 rgb(155,185,105)
```

Similar Colors

Text with hexadecimal color #afb969

This text has a font color of #afb969.

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

#afb969 background color

This paragraph has a background color of #afb969.

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

#afb969 border color

This element has a border color of #afb969.

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

CSS codes

.text {color:#afb969;}

.background {background-color:#afb969;}

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

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, #0a0a05 is the darkest color, while #fdfefc is the lightest one.

#0a0a05
```
#0a0a05 rgb(10,10,5)
```
#16180b
```
#16180b rgb(22,24,11)
```
#232511
```
#232511 rgb(35,37,17)
```
#2f3318
```
#2f3318 rgb(47,51,24)
```
#3c401e
```
#3c401e rgb(60,64,30)
```
#484d24
```
#484d24 rgb(72,77,36)
```
#555b2a
```
#555b2a rgb(85,91,42)
```
#616831
```
#616831 rgb(97,104,49)
```
#6e7537
```
#6e7537 rgb(110,117,55)
```
#7a833d
```
#7a833d rgb(122,131,61)
```
#879043
```
#879043 rgb(135,144,67)
```
#939e4a
```
#939e4a rgb(147,158,74)
```
#a0ab50
```
#a0ab50 rgb(160,171,80)
```

Shade Color Variation

#a8b35c
```
#a8b35c rgb(168,179,92)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#b6bf76
```
#b6bf76 rgb(182,191,118)
```
#bdc584
```
#bdc584 rgb(189,197,132)
```
#c4cc91
```
#c4cc91 rgb(196,204,145)
```
#ccd29e
```
#ccd29e rgb(204,210,158)
```
#d3d8ac
```
#d3d8ac rgb(211,216,172)
```
#dadeb9
```
#dadeb9 rgb(218,222,185)
```
#e1e5c7
```
#e1e5c7 rgb(225,229,199)
```
#e8ebd4
```
#e8ebd4 rgb(232,235,212)
```
#eff1e1
```
#eff1e1 rgb(239,241,225)
```
#f6f7ef
```
#f6f7ef rgb(246,247,239)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#96978b
```
#96978b rgb(150,151,139)
```
#9ca082
```
#9ca082 rgb(156,160,130)
```
#a2a87a
```
#a2a87a rgb(162,168,122)
```
#a9b171
```
#a9b171 rgb(169,177,113)
```
#afb969
```
#afb969 rgb(175,185,105)
```
#b5c161
```
#b5c161 rgb(181,193,97)
```
#bcca58
```
#bcca58 rgb(188,202,88)
```
#c2d250
```
#c2d250 rgb(194,210,80)
```
#c8db47
```
#c8db47 rgb(200,219,71)
```
#cfe33f
```
#cfe33f rgb(207,227,63)
```
#d5ec36
```
#d5ec36 rgb(213,236,54)
```
#dbf42e
```
#dbf42e rgb(219,244,46)
```
#e2fd25
```
#e2fd25 rgb(226,253,37)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#adaf9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b66e Protanopia 1% of men
#dbae75 Deuteranopia 1% of men
#bdb3c0 Tritanopia 0.001% of the population

Trichromacy

#beb76c Protanomaly 1% of men, 0.01% of women
#cbb270 Deuteranomaly 6% of men, 0.4% of women
#b8b5a0 Tritanomaly 0.01% of the population