#afbd68 hex color

In a RGB color space, hex #afbd68 is composed of 68.6% red, 74.1% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 45% yellow and 25.9% black. It has a hue angle of 69.9 degrees, a saturation of 39.2% and a lightness of 57.5%. #afbd68 color hex could be obtained by blending #ffffd0 with #5f7b00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 74
- B 41
RGB color chart
- C 7
- M 0
- Y 45
- K 26
CMYK color chart

● #afbd68 color description : Slightly desaturated yellow.

The hexadecimal color #afbd68 has RGB values of R:175, G:189, B:104 and CMYK values of C:0.07, M:0, Y:0.45, K:0.26. Its decimal value is 11517288.

Hex triplet	afbd68	`#afbd68`
RGB Decimal	175, 189, 104	`rgb(175,189,104)`
RGB Percent	68.6, 74.1, 40.8	`rgb(68.6%,74.1%,40.8%)`
CMYK	7, 0, 45, 26
HSL	69.9°, 39.2, 57.5	`hsl(69.9,39.2%,57.5%)`
HSV (or HSB)	69.9°, 45, 74.1
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.874, -17.84, 41.169
XYZ	38.375, 46.509, 20.051
xyY	0.366, 0.443, 46.509
CIE-LCH	73.874, 44.868, 113.428
CIE-LUV	73.874, -4.84, 55.135
Hunter-Lab	68.197, -18.902, 30.306
Binary	10101111, 10111101, 01101000

#afbd68
```
#afbd68 rgb(175,189,104)
```
#7668bd
```
#7668bd rgb(118,104,189)
```

Complementary Color

#bda168
```
#bda168 rgb(189,161,104)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#85bd68
```
#85bd68 rgb(133,189,104)
```

Analogous Color

#a168bd
```
#a168bd rgb(161,104,189)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#6885bd
```
#6885bd rgb(104,133,189)
```

Split Complementary Color

#bd68af
```
#bd68af rgb(189,104,175)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#68afbd
```
#68afbd rgb(104,175,189)
```

Triadic Color

#bd7668
```
#bd7668 rgb(189,118,104)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#68afbd
```
#68afbd rgb(104,175,189)
```
#7668bd
```
#7668bd rgb(118,104,189)
```

Tetradic Color

#899742
```
#899742 rgb(137,151,66)
```
#99a84a
```
#99a84a rgb(153,168,74)
```
#a6b556
```
#a6b556 rgb(166,181,86)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#b8c57a
```
#b8c57a rgb(184,197,122)
```
#c2cd8b
```
#c2cd8b rgb(194,205,139)
```
#cbd49d
```
#cbd49d rgb(203,212,157)
```

Monochromatic Color

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

#bdb668
```
#bdb668 rgb(189,182,104)
```
#bdbd68
```
#bdbd68 rgb(189,189,104)
```
#b6bd68
```
#b6bd68 rgb(182,189,104)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#a8bd68
```
#a8bd68 rgb(168,189,104)
```
#a1bd68
```
#a1bd68 rgb(161,189,104)
```
#9abd68
```
#9abd68 rgb(154,189,104)
```

Similar Colors

Text with hexadecimal color #afbd68

This text has a font color of #afbd68.

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

#afbd68 background color

This paragraph has a background color of #afbd68.

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

#afbd68 border color

This element has a border color of #afbd68.

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

CSS codes

.text {color:#afbd68;}

.background {background-color:#afbd68;}

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

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

#0c0d06
```
#0c0d06 rgb(12,13,6)
```
#181a0c
```
#181a0c rgb(24,26,12)
```
#242812
```
#242812 rgb(36,40,18)
```
#313617
```
#313617 rgb(49,54,23)
```
#3d431d
```
#3d431d rgb(61,67,29)
```
#4a5123
```
#4a5123 rgb(74,81,35)
```
#565f29
```
#565f29 rgb(86,95,41)
```
#626c2f
```
#626c2f rgb(98,108,47)
```
#6f7a35
```
#6f7a35 rgb(111,122,53)
```
#7b883b
```
#7b883b rgb(123,136,59)
```
#879541
```
#879541 rgb(135,149,65)
```
#94a347
```
#94a347 rgb(148,163,71)
```
#a0b14d
```
#a0b14d rgb(160,177,77)
```

Shade Color Variation

#a8b75a
```
#a8b75a rgb(168,183,90)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#b6c376
```
#b6c376 rgb(182,195,118)
```
#bdc983
```
#bdc983 rgb(189,201,131)
```
#c5cf91
```
#c5cf91 rgb(197,207,145)
```
#ccd59f
```
#ccd59f rgb(204,213,159)
```
#d3dbac
```
#d3dbac rgb(211,219,172)
```
#dae1ba
```
#dae1ba rgb(218,225,186)
```
#e2e7c8
```
#e2e7c8 rgb(226,231,200)
```
#e9edd5
```
#e9edd5 rgb(233,237,213)
```
#f0f3e3
```
#f0f3e3 rgb(240,243,227)
```
#f7f9f0
```
#f7f9f0 rgb(247,249,240)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#939392
```
#939392 rgb(147,147,146)
```
#999c89
```
#999c89 rgb(153,156,137)
```
#9ea481
```
#9ea481 rgb(158,164,129)
```
#a4ac79
```
#a4ac79 rgb(164,172,121)
```
#a9b570
```
#a9b570 rgb(169,181,112)
```
#afbd68
```
#afbd68 rgb(175,189,104)
```
#b5c560
```
#b5c560 rgb(181,197,96)
```
#bace57
```
#bace57 rgb(186,206,87)
```
#c0d64f
```
#c0d64f rgb(192,214,79)
```
#c5de47
```
#c5de47 rgb(197,222,71)
```
#cbe73e
```
#cbe73e rgb(203,231,62)
```
#d1ef36
```
#d1ef36 rgb(209,239,54)
```
#d6f72e
```
#d6f72e rgb(214,247,46)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb2a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab96d Protanopia 1% of men
#deb174 Deuteranopia 1% of men
#beb6c3 Tritanopia 0.001% of the population

Trichromacy

#c0ba6b Protanomaly 1% of men, 0.01% of women
#cdb570 Deuteranomaly 6% of men, 0.4% of women
#b8b8a2 Tritanomaly 0.01% of the population

#afbd68 hex color

#afbd68 Color Information

#afbd68 Color Conversion

Color Schemes with #afbd68

Alternatives to #afbd68

#afbd68 Preview

Shades and Tints of #afbd68

Tones of #afbd68

Color Blindness Simulator