#afbf54 hex color

In a RGB color space, hex #afbf54 is composed of 68.6% red, 74.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 56% yellow and 25.1% black. It has a hue angle of 69 degrees, a saturation of 45.5% and a lightness of 53.9%. #afbf54 color hex could be obtained by blending #ffffa8 with #5f7f00. Closest websafe color is: #99cc66.

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

● #afbf54 color description : Moderate yellow.

The hexadecimal color #afbf54 has RGB values of R:175, G:191, B:84 and CMYK values of C:0.08, M:0, Y:0.56, K:0.25. Its decimal value is 11517780.

Hex triplet	afbf54	`#afbf54`
RGB Decimal	175, 191, 84	`rgb(175,191,84)`
RGB Percent	68.6, 74.9, 32.9	`rgb(68.6%,74.9%,32.9%)`
CMYK	8, 0, 56, 25
HSL	69°, 45.5, 53.9	`hsl(69,45.5%,53.9%)`
HSV (or HSB)	69°, 56, 74.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.2, -20.742, 51.167
XYZ	37.91, 47.016, 15.465
xyY	0.378, 0.468, 47.016
CIE-LCH	74.2, 55.211, 112.066
CIE-LUV	74.2, -5.575, 65.205
Hunter-Lab	68.568, -21.305, 34.625
Binary	10101111, 10111111, 01010100

#afbf54
```
#afbf54 rgb(175,191,84)
```
#6454bf
```
#6454bf rgb(100,84,191)
```

Complementary Color

#bf9a54
```
#bf9a54 rgb(191,154,84)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#7abf54
```
#7abf54 rgb(122,191,84)
```

Analogous Color

#9a54bf
```
#9a54bf rgb(154,84,191)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#547abf
```
#547abf rgb(84,122,191)
```

Split Complementary Color

#bf54af
```
#bf54af rgb(191,84,175)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#54afbf
```
#54afbf rgb(84,175,191)
```

Triadic Color

#bf6454
```
#bf6454 rgb(191,100,84)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#54afbf
```
#54afbf rgb(84,175,191)
```
#6454bf
```
#6454bf rgb(100,84,191)
```

Tetradic Color

#839036
```
#839036 rgb(131,144,54)
```
#94a33d
```
#94a33d rgb(148,163,61)
```
#a5b644
```
#a5b644 rgb(165,182,68)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#b8c667
```
#b8c667 rgb(184,198,103)
```
#c0cd79
```
#c0cd79 rgb(192,205,121)
```
#c9d48c
```
#c9d48c rgb(201,212,140)
```

Monochromatic Color

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

#bfb454
```
#bfb454 rgb(191,180,84)
```
#bfbd54
```
#bfbd54 rgb(191,189,84)
```
#b8bf54
```
#b8bf54 rgb(184,191,84)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#a6bf54
```
#a6bf54 rgb(166,191,84)
```
#9dbf54
```
#9dbf54 rgb(157,191,84)
```
#94bf54
```
#94bf54 rgb(148,191,84)
```

Similar Colors

Text with hexadecimal color #afbf54

This text has a font color of #afbf54.

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

#afbf54 background color

This paragraph has a background color of #afbf54.

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

#afbf54 border color

This element has a border color of #afbf54.

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

CSS codes

.text {color:#afbf54;}

.background {background-color:#afbf54;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0f05
```
#0d0f05 rgb(13,15,5)
```
#1a1d0b
```
#1a1d0b rgb(26,29,11)
```
#272b10
```
#272b10 rgb(39,43,16)
```
#343915
```
#343915 rgb(52,57,21)
```
#41481b
```
#41481b rgb(65,72,27)
```
#4e5620
```
#4e5620 rgb(78,86,32)
```
#5b6425
```
#5b6425 rgb(91,100,37)
```
#68722b
```
#68722b rgb(104,114,43)
```
#758130
```
#758130 rgb(117,129,48)
```
#828f36
```
#828f36 rgb(130,143,54)
```
#8f9d3b
```
#8f9d3b rgb(143,157,59)
```
#9cac40
```
#9cac40 rgb(156,172,64)
```

Shade Color Variation

#a8ba46
```
#a8ba46 rgb(168,186,70)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#b6c462
```
#b6c462 rgb(182,196,98)
```
#bcca71
```
#bcca71 rgb(188,202,113)
```
#c3cf7f
```
#c3cf7f rgb(195,207,127)
```
#cad48d
```
#cad48d rgb(202,212,141)
```
#d0da9b
```
#d0da9b rgb(208,218,155)
```
#d7dfaa
```
#d7dfaa rgb(215,223,170)
```
#dee4b8
```
#dee4b8 rgb(222,228,184)
```
#e4eac6
```
#e4eac6 rgb(228,234,198)
```
#ebefd4
```
#ebefd4 rgb(235,239,212)
```
#f2f4e3
```
#f2f4e3 rgb(242,244,227)
```
#f8faf1
```
#f8faf1 rgb(248,250,241)
```

Tint Color Variation

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

#8f9281
```
#8f9281 rgb(143,146,129)
```
#969b78
```
#969b78 rgb(150,155,120)
```
#9ca46f
```
#9ca46f rgb(156,164,111)
```
#a2ad66
```
#a2ad66 rgb(162,173,102)
```
#a9b65d
```
#a9b65d rgb(169,182,93)
```
#afbf54
```
#afbf54 rgb(175,191,84)
```
#b5c84b
```
#b5c84b rgb(181,200,75)
```
#bcd142
```
#bcd142 rgb(188,209,66)
```
#c2da39
```
#c2da39 rgb(194,218,57)
```
#c8e330
```
#c8e330 rgb(200,227,48)
```
#cfec27
```
#cfec27 rgb(207,236,39)
```
#d5f51e
```
#d5f51e rgb(213,245,30)
```
#dbfe15
```
#dbfe15 rgb(219,254,21)
```

Tone Color Variation

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

Dichromacy

#cdba5a Protanopia 1% of men
#e3b162 Deuteranopia 1% of men
#c0b7c4 Tritanopia 0.001% of the population

Trichromacy

#c2bc58 Protanomaly 1% of men, 0.01% of women
#d0b65d Deuteranomaly 6% of men, 0.4% of women
#b9ba9b Tritanomaly 0.01% of the population

#afbf54 hex color

#afbf54 Color Information

#afbf54 Color Conversion

Color Schemes with #afbf54

Alternatives to #afbf54

#afbf54 Preview

Shades and Tints of #afbf54

Tones of #afbf54

Color Blindness Simulator