#afbf48 hex color

In a RGB color space, hex #afbf48 is composed of 68.6% red, 74.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 62.3% yellow and 25.1% black. It has a hue angle of 68.1 degrees, a saturation of 48.2% and a lightness of 51.6%. #afbf48 color hex could be obtained by blending #ffff90 with #5f7f00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 75
- B 28
RGB color chart
- C 8
- M 0
- Y 62
- K 25
CMYK color chart

● #afbf48 color description : Moderate yellow.

The hexadecimal color #afbf48 has RGB values of R:175, G:191, B:72 and CMYK values of C:0.08, M:0, Y:0.62, K:0.25. Its decimal value is 11517768.

Hex triplet	afbf48	`#afbf48`
RGB Decimal	175, 191, 72	`rgb(175,191,72)`
RGB Percent	68.6, 74.9, 28.2	`rgb(68.6%,74.9%,28.2%)`
CMYK	8, 0, 62, 25
HSL	68.1°, 48.2, 51.6	`hsl(68.1,48.2%,51.6%)`
HSV (or HSB)	68.1°, 62.3, 74.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	74.09, -21.665, 56.348
XYZ	37.479, 46.844, 13.198
xyY	0.384, 0.48, 46.844
CIE-LCH	74.09, 60.369, 111.031
CIE-LUV	74.09, -5.365, 69.691
Hunter-Lab	68.442, -22.027, 36.477
Binary	10101111, 10111111, 01001000

#afbf48
```
#afbf48 rgb(175,191,72)
```
#5848bf
```
#5848bf rgb(88,72,191)
```

Complementary Color

#bf9448
```
#bf9448 rgb(191,148,72)
```
#afbf48
```
#afbf48 rgb(175,191,72)
```
#74bf48
```
#74bf48 rgb(116,191,72)
```

Analogous Color

#9448bf
```
#9448bf rgb(148,72,191)
```
#afbf48
```
#afbf48 rgb(175,191,72)
```
#4874bf
```
#4874bf rgb(72,116,191)
```

Split Complementary Color

#bf48af
```
#bf48af rgb(191,72,175)
```
#afbf48
```
#afbf48 rgb(175,191,72)
```
#48afbf
```
#48afbf rgb(72,175,191)
```

Triadic Color

#bf5848
```
#bf5848 rgb(191,88,72)
```
#afbf48
```
#afbf48 rgb(175,191,72)
```
#48afbf
```
#48afbf rgb(72,175,191)
```
#5848bf
```
#5848bf rgb(88,72,191)
```

Tetradic Color

#7e8a30
```
#7e8a30 rgb(126,138,48)
```
#8f9d37
```
#8f9d37 rgb(143,157,55)
```
#a1b03e
```
#a1b03e rgb(161,176,62)
```
#afbf48
```
#afbf48 rgb(175,191,72)
```
#b7c65b
```
#b7c65b rgb(183,198,91)
```
#c0cc6e
```
#c0cc6e rgb(192,204,110)
```
#c8d381
```
#c8d381 rgb(200,211,129)
```

Monochromatic Color

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

#bfb148
```
#bfb148 rgb(191,177,72)
```
#bfbb48
```
#bfbb48 rgb(191,187,72)
```
#b9bf48
```
#b9bf48 rgb(185,191,72)
```
#afbf48
```
#afbf48 rgb(175,191,72)
```
#a5bf48
```
#a5bf48 rgb(165,191,72)
```
#9bbf48
```
#9bbf48 rgb(155,191,72)
```
#91bf48
```
#91bf48 rgb(145,191,72)
```

Similar Colors

Text with hexadecimal color #afbf48

This text has a font color of #afbf48.

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

#afbf48 background color

This paragraph has a background color of #afbf48.

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

#afbf48 border color

This element has a border color of #afbf48.

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

CSS codes

.text {color:#afbf48;}

.background {background-color:#afbf48;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#131407
```
#131407 rgb(19,20,7)
```
#20230c
```
#20230c rgb(32,35,12)
```
#2d3211
```
#2d3211 rgb(45,50,17)
```
#3a4016
```
#3a4016 rgb(58,64,22)
```
#484f1b
```
#484f1b rgb(72,79,27)
```
#555d21
```
#555d21 rgb(85,93,33)
```
#626c26
```
#626c26 rgb(98,108,38)
```
#707a2b
```
#707a2b rgb(112,122,43)
```
#7d8930
```
#7d8930 rgb(125,137,48)
```
#8a9735
```
#8a9735 rgb(138,151,53)
```
#97a63a
```
#97a63a rgb(151,166,58)
```
#a5b43f
```
#a5b43f rgb(165,180,63)
```

Shade Color Variation

#afbf48
```
#afbf48 rgb(175,191,72)
```
#b5c457
```
#b5c457 rgb(181,196,87)
```
#bcc965
```
#bcc965 rgb(188,201,101)
```
#c2ce74
```
#c2ce74 rgb(194,206,116)
```
#c8d382
```
#c8d382 rgb(200,211,130)
```
#cfd891
```
#cfd891 rgb(207,216,145)
```
#d5dd9f
```
#d5dd9f rgb(213,221,159)
```
#dbe3ae
```
#dbe3ae rgb(219,227,174)
```
#e2e8bc
```
#e2e8bc rgb(226,232,188)
```
#e8edcb
```
#e8edcb rgb(232,237,203)
```
#eff2d9
```
#eff2d9 rgb(239,242,217)
```
#f5f7e8
```
#f5f7e8 rgb(245,247,232)
```
#fbfcf6
```
#fbfcf6 rgb(251,252,246)
```

Tint Color Variation

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

#858681
```
#858681 rgb(133,134,129)
```
#8c9078
```
#8c9078 rgb(140,144,120)
```
#93996e
```
#93996e rgb(147,153,110)
```
#9aa365
```
#9aa365 rgb(154,163,101)
```
#a1ac5b
```
#a1ac5b rgb(161,172,91)
```
#a8b652
```
#a8b652 rgb(168,182,82)
```
#afbf48
```
#afbf48 rgb(175,191,72)
```
#b6c93f
```
#b6c93f rgb(182,201,63)
```
#bdd235
```
#bdd235 rgb(189,210,53)
```
#c4dc2c
```
#c4dc2c rgb(196,220,44)
```
#cbe522
```
#cbe522 rgb(203,229,34)
```
#d2ef19
```
#d2ef19 rgb(210,239,25)
```
#d9f80f
```
#d9f80f rgb(217,248,15)
```

Tone Color Variation

Below, you can see how #afbf48 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
#adb199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba4f Protanopia 1% of men
#e4b158 Deuteranopia 1% of men
#c0b6c3 Tritanopia 0.001% of the population

Trichromacy

#c2bb4c Protanomaly 1% of men, 0.01% of women
#d0b652 Deuteranomaly 6% of men, 0.4% of women
#bab996 Tritanomaly 0.01% of the population

#afbf48 hex color

#afbf48 Color Information

#afbf48 Color Conversion

Color Schemes with #afbf48

Alternatives to #afbf48

#afbf48 Preview

Shades and Tints of #afbf48

Tones of #afbf48

Color Blindness Simulator