colorhexa.com

#afbb67 hex color

In a RGB color space, hex #afbb67 is composed of 68.6% red, 73.3% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 44.9% yellow and 26.7% black. It has a hue angle of 68.6 degrees, a saturation of 38.2% and a lightness of 56.9%. #afbb67 color hex could be obtained by blending #ffffce with #5f7700. Closest websafe color is: #99cc66.

- R 69
- G 73
- B 40
RGB color chart
- C 6
- M 0
- Y 45
- K 27
CMYK color chart

● #afbb67 color description : Slightly desaturated yellow.

The hexadecimal color #afbb67 has RGB values of R:175, G:187, B:103 and CMYK values of C:0.06, M:0, Y:0.45, K:0.27. Its decimal value is 11516775.

Hex triplet	afbb67	`#afbb67`
RGB Decimal	175, 187, 103	`rgb(175,187,103)`
RGB Percent	68.6, 73.3, 40.4	`rgb(68.6%,73.3%,40.4%)`
CMYK	6, 0, 45, 27
HSL	68.6°, 38.2, 56.9	`hsl(68.6,38.2%,56.9%)`
HSV (or HSB)	68.6°, 44.9, 73.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	73.307, -16.936, 40.969
XYZ	37.897, 45.634, 19.643
xyY	0.367, 0.442, 45.634
CIE-LCH	73.307, 44.332, 112.459
CIE-LUV	73.307, -3.648, 54.616
Hunter-Lab	67.553, -18.079, 30.047
Binary	10101111, 10111011, 01100111

#afbb67
```
#afbb67 rgb(175,187,103)
```
#7367bb
```
#7367bb rgb(115,103,187)
```

Complementary Color

#bb9d67
```
#bb9d67 rgb(187,157,103)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#85bb67
```
#85bb67 rgb(133,187,103)
```

Analogous Color

#9d67bb
```
#9d67bb rgb(157,103,187)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#6785bb
```
#6785bb rgb(103,133,187)
```

Split Complementary Color

#bb67af
```
#bb67af rgb(187,103,175)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#67afbb
```
#67afbb rgb(103,175,187)
```

Triadic Color

#bb7367
```
#bb7367 rgb(187,115,103)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#67afbb
```
#67afbb rgb(103,175,187)
```
#7367bb
```
#7367bb rgb(115,103,187)
```

Tetradic Color

#889442
```
#889442 rgb(136,148,66)
```
#98a54a
```
#98a54a rgb(152,165,74)
```
#a6b355
```
#a6b355 rgb(166,179,85)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#b8c379
```
#b8c379 rgb(184,195,121)
```
#c2cb8a
```
#c2cb8a rgb(194,203,138)
```
#cbd39c
```
#cbd39c rgb(203,211,156)
```

Monochromatic Color

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

#bbb267
```
#bbb267 rgb(187,178,103)
```
#bbb967
```
#bbb967 rgb(187,185,103)
```
#b6bb67
```
#b6bb67 rgb(182,187,103)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#a8bb67
```
#a8bb67 rgb(168,187,103)
```
#a1bb67
```
#a1bb67 rgb(161,187,103)
```
#9abb67
```
#9abb67 rgb(154,187,103)
```

Similar Colors

Text with hexadecimal color #afbb67

This text has a font color of #afbb67.

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

#afbb67 background color

This paragraph has a background color of #afbb67.

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

#afbb67 border color

This element has a border color of #afbb67.

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

CSS codes

.text {color:#afbb67;}

.background {background-color:#afbb67;}

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

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

#0a0b05
```
#0a0b05 rgb(10,11,5)
```
#16180b
```
#16180b rgb(22,24,11)
```
#232611
```
#232611 rgb(35,38,17)
```
#2f3317
```
#2f3317 rgb(47,51,23)
```
#3c411d
```
#3c411d rgb(60,65,29)
```
#484e23
```
#484e23 rgb(72,78,35)
```
#555c29
```
#555c29 rgb(85,92,41)
```
#61692f
```
#61692f rgb(97,105,47)
```
#6e7735
```
#6e7735 rgb(110,119,53)
```
#7a853b
```
#7a853b rgb(122,133,59)
```
#879241
```
#879241 rgb(135,146,65)
```
#93a047
```
#93a047 rgb(147,160,71)
```
#a0ad4e
```
#a0ad4e rgb(160,173,78)
```

Shade Color Variation

#a8b559
```
#a8b559 rgb(168,181,89)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#b6c175
```
#b6c175 rgb(182,193,117)
```
#bdc782
```
#bdc782 rgb(189,199,130)
```
#c4cd90
```
#c4cd90 rgb(196,205,144)
```
#ccd39d
```
#ccd39d rgb(204,211,157)
```
#d3d9ab
```
#d3d9ab rgb(211,217,171)
```
#dadfb8
```
#dadfb8 rgb(218,223,184)
```
#e1e5c6
```
#e1e5c6 rgb(225,229,198)
```
#e8ecd3
```
#e8ecd3 rgb(232,236,211)
```
#eff2e1
```
#eff2e1 rgb(239,242,225)
```
#f6f8ef
```
#f6f8ef rgb(246,248,239)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#979989
```
#979989 rgb(151,153,137)
```
#9da280
```
#9da280 rgb(157,162,128)
```
#a3aa78
```
#a3aa78 rgb(163,170,120)
```
#a9b36f
```
#a9b36f rgb(169,179,111)
```
#afbb67
```
#afbb67 rgb(175,187,103)
```
#b5c35f
```
#b5c35f rgb(181,195,95)
```
#bbcc56
```
#bbcc56 rgb(187,204,86)
```
#c1d44e
```
#c1d44e rgb(193,212,78)
```
#c7dd45
```
#c7dd45 rgb(199,221,69)
```
#cde53d
```
#cde53d rgb(205,229,61)
```
#d3ee34
```
#d3ee34 rgb(211,238,52)
```
#d9f62c
```
#d9f62c rgb(217,246,44)
```
#dfff23
```
#dfff23 rgb(223,255,35)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeb1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b76c Protanopia 1% of men
#ddb073 Deuteranopia 1% of men
#beb4c1 Tritanopia 0.001% of the population

Trichromacy

#bfb96a Protanomaly 1% of men, 0.01% of women
#ccb46f Deuteranomaly 6% of men, 0.4% of women
#b8b7a0 Tritanomaly 0.01% of the population