colorhexa.com

#afbd44 hex color

In a RGB color space, hex #afbd44 is composed of 68.6% red, 74.1% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 64% yellow and 25.9% black. It has a hue angle of 66.9 degrees, a saturation of 47.8% and a lightness of 50.4%. #afbd44 color hex could be obtained by blending #ffff88 with #5f7b00. Closest websafe color is: #99cc33.

- R 69
- G 74
- B 27
RGB color chart
- C 7
- M 0
- Y 64
- K 26
CMYK color chart

● #afbd44 color description : Moderate yellow.

The hexadecimal color #afbd44 has RGB values of R:175, G:189, B:68 and CMYK values of C:0.07, M:0, Y:0.64, K:0.26. Its decimal value is 11517252.

Hex triplet	afbd44	`#afbd44`
RGB Decimal	175, 189, 68	`rgb(175,189,68)`
RGB Percent	68.6, 74.1, 26.7	`rgb(68.6%,74.1%,26.7%)`
CMYK	7, 0, 64, 26
HSL	66.9°, 47.8, 50.4	`hsl(66.9,47.8%,50.4%)`
HSV (or HSB)	66.9°, 64, 74.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	73.498, -20.948, 57.394
XYZ	36.92, 45.927, 12.388
xyY	0.388, 0.482, 45.927
CIE-LCH	73.498, 61.097, 110.051
CIE-LUV	73.498, -4.094, 70.136
Hunter-Lab	67.769, -21.351, 36.6
Binary	10101111, 10111101, 01000100

#afbd44
```
#afbd44 rgb(175,189,68)
```
#5244bd
```
#5244bd rgb(82,68,189)
```

Complementary Color

#bd8f44
```
#bd8f44 rgb(189,143,68)
```
#afbd44
```
#afbd44 rgb(175,189,68)
```
#73bd44
```
#73bd44 rgb(115,189,68)
```

Analogous Color

#8f44bd
```
#8f44bd rgb(143,68,189)
```
#afbd44
```
#afbd44 rgb(175,189,68)
```
#4473bd
```
#4473bd rgb(68,115,189)
```

Split Complementary Color

#bd44af
```
#bd44af rgb(189,68,175)
```
#afbd44
```
#afbd44 rgb(175,189,68)
```
#44afbd
```
#44afbd rgb(68,175,189)
```

Triadic Color

#bd5244
```
#bd5244 rgb(189,82,68)
```
#afbd44
```
#afbd44 rgb(175,189,68)
```
#44afbd
```
#44afbd rgb(68,175,189)
```
#5244bd
```
#5244bd rgb(82,68,189)
```

Tetradic Color

#7b852f
```
#7b852f rgb(123,133,47)
```
#8d9836
```
#8d9836 rgb(141,152,54)
```
#9eab3c
```
#9eab3c rgb(158,171,60)
```
#afbd44
```
#afbd44 rgb(175,189,68)
```
#b7c457
```
#b7c457 rgb(183,196,87)
```
#bfca6a
```
#bfca6a rgb(191,202,106)
```
#c7d17d
```
#c7d17d rgb(199,209,125)
```

Monochromatic Color

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

#bdad44
```
#bdad44 rgb(189,173,68)
```
#bdb744
```
#bdb744 rgb(189,183,68)
```
#b9bd44
```
#b9bd44 rgb(185,189,68)
```
#afbd44
```
#afbd44 rgb(175,189,68)
```
#a5bd44
```
#a5bd44 rgb(165,189,68)
```
#9bbd44
```
#9bbd44 rgb(155,189,68)
```
#91bd44
```
#91bd44 rgb(145,189,68)
```

Similar Colors

Text with hexadecimal color #afbd44

This text has a font color of #afbd44.

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

#afbd44 background color

This paragraph has a background color of #afbd44.

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

#afbd44 border color

This element has a border color of #afbd44.

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

CSS codes

.text {color:#afbd44;}

.background {background-color:#afbd44;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0f1006
```
#0f1006 rgb(15,16,6)
```
#1c1e0b
```
#1c1e0b rgb(28,30,11)
```
#2a2d10
```
#2a2d10 rgb(42,45,16)
```
#373b15
```
#373b15 rgb(55,59,21)
```
#444a1a
```
#444a1a rgb(68,74,26)
```
#52581f
```
#52581f rgb(82,88,31)
```
#5f6724
```
#5f6724 rgb(95,103,36)
```
#6d7529
```
#6d7529 rgb(109,117,41)
```
#7a842f
```
#7a842f rgb(122,132,47)
```
#879234
```
#879234 rgb(135,146,52)
```
#95a139
```
#95a139 rgb(149,161,57)
```
#a2af3e
```
#a2af3e rgb(162,175,62)
```

Shade Color Variation

#afbd44
```
#afbd44 rgb(175,189,68)
```
#b5c252
```
#b5c252 rgb(181,194,82)
```
#bbc761
```
#bbc761 rgb(187,199,97)
```
#c2cc6f
```
#c2cc6f rgb(194,204,111)
```
#c8d17e
```
#c8d17e rgb(200,209,126)
```
#ced78c
```
#ced78c rgb(206,215,140)
```
#d4dc9b
```
#d4dc9b rgb(212,220,155)
```
#dae1a9
```
#dae1a9 rgb(218,225,169)
```
#e1e6b8
```
#e1e6b8 rgb(225,230,184)
```
#e7ebc6
```
#e7ebc6 rgb(231,235,198)
```
#edf0d5
```
#edf0d5 rgb(237,240,213)
```
#f3f5e3
```
#f3f5e3 rgb(243,245,227)
```
#f9faf2
```
#f9faf2 rgb(249,250,242)
```

Tint Color Variation

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

#82837e
```
#82837e rgb(130,131,126)
```
#8a8c75
```
#8a8c75 rgb(138,140,117)
```
#91966b
```
#91966b rgb(145,150,107)
```
#99a061
```
#99a061 rgb(153,160,97)
```
#a0aa57
```
#a0aa57 rgb(160,170,87)
```
#a8b34e
```
#a8b34e rgb(168,179,78)
```
#afbd44
```
#afbd44 rgb(175,189,68)
```
#b6c73a
```
#b6c73a rgb(182,199,58)
```
#bed031
```
#bed031 rgb(190,208,49)
```
#c5da27
```
#c5da27 rgb(197,218,39)
```
#cde41d
```
#cde41d rgb(205,228,29)
```
#d4ee13
```
#d4ee13 rgb(212,238,19)
```
#dcf70a
```
#dcf70a rgb(220,247,10)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acaf96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb84b Protanopia 1% of men
#e2b054 Deuteranopia 1% of men
#c0b4c1 Tritanopia 0.001% of the population

Trichromacy

#c1ba48 Protanomaly 1% of men, 0.01% of women
#cfb44e Deuteranomaly 6% of men, 0.4% of women
#bab794 Tritanomaly 0.01% of the population