#afdd1b hex color

In a RGB color space, hex #afdd1b is composed of 68.6% red, 86.7% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 87.8% yellow and 13.3% black. It has a hue angle of 74.2 degrees, a saturation of 78.2% and a lightness of 48.6%. #afdd1b color hex could be obtained by blending #ffff36 with #5fbb00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 87
- B 11
RGB color chart
- C 21
- M 0
- Y 88
- K 13
CMYK color chart

● #afdd1b color description : Vivid yellow.

The hexadecimal color #afdd1b has RGB values of R:175, G:221, B:27 and CMYK values of C:0.21, M:0, Y:0.88, K:0.13. Its decimal value is 11525403.

Hex triplet	afdd1b	`#afdd1b`
RGB Decimal	175, 221, 27	`rgb(175,221,27)`
RGB Percent	68.6, 86.7, 10.6	`rgb(68.6%,86.7%,10.6%)`
CMYK	21, 0, 88, 13
HSL	74.2°, 78.2, 48.6	`hsl(74.2,78.2%,48.6%)`
HSV (or HSB)	74.2°, 87.8, 86.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.328, -37.821, 77.849
XYZ	43.733, 60.905, 10.489
xyY	0.38, 0.529, 60.905
CIE-LCH	82.328, 86.55, 115.912
CIE-LUV	82.328, -22.393, 92.077
Hunter-Lab	78.042, -36.546, 46.661
Binary	10101111, 11011101, 00011011

#afdd1b
```
#afdd1b rgb(175,221,27)
```
#491bdd
```
#491bdd rgb(73,27,221)
```

Complementary Color

#ddaa1b
```
#ddaa1b rgb(221,170,27)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```
#4edd1b
```
#4edd1b rgb(78,221,27)
```

Analogous Color

#aa1bdd
```
#aa1bdd rgb(170,27,221)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```
#1b4edd
```
#1b4edd rgb(27,78,221)
```

Split Complementary Color

#dd1baf
```
#dd1baf rgb(221,27,175)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```
#1bafdd
```
#1bafdd rgb(27,175,221)
```

Triadic Color

#dd491b
```
#dd491b rgb(221,73,27)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```
#1bafdd
```
#1bafdd rgb(27,175,221)
```
#491bdd
```
#491bdd rgb(73,27,221)
```

Tetradic Color

#799913
```
#799913 rgb(121,153,19)
```
#8bb015
```
#8bb015 rgb(139,176,21)
```
#9dc618
```
#9dc618 rgb(157,198,24)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```
#b9e52c
```
#b9e52c rgb(185,229,44)
```
#c1e843
```
#c1e843 rgb(193,232,67)
```
#c8eb5a
```
#c8eb5a rgb(200,235,90)
```

Monochromatic Color

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

#dddb1b
```
#dddb1b rgb(221,219,27)
```
#cfdd1b
```
#cfdd1b rgb(207,221,27)
```
#bfdd1b
```
#bfdd1b rgb(191,221,27)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```
#9fdd1b
```
#9fdd1b rgb(159,221,27)
```
#8fdd1b
```
#8fdd1b rgb(143,221,27)
```
#7fdd1b
```
#7fdd1b rgb(127,221,27)
```

Similar Colors

Text with hexadecimal color #afdd1b

This text has a font color of #afdd1b.

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

#afdd1b background color

This paragraph has a background color of #afdd1b.

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

#afdd1b border color

This element has a border color of #afdd1b.

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

CSS codes

.text {color:#afdd1b;}

.background {background-color:#afdd1b;}

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

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, #090b01 is the darkest color, while #fdfef9 is the lightest one.

#090b01
```
#090b01 rgb(9,11,1)
```
#171d04
```
#171d04 rgb(23,29,4)
```
#252e06
```
#252e06 rgb(37,46,6)
```
#324008
```
#324008 rgb(50,64,8)
```
#40510a
```
#40510a rgb(64,81,10)
```
#4e630c
```
#4e630c rgb(78,99,12)
```
#5c740e
```
#5c740e rgb(92,116,14)
```
#6a8610
```
#6a8610 rgb(106,134,16)
```
#789712
```
#789712 rgb(120,151,18)
```
#85a915
```
#85a915 rgb(133,169,21)
```
#93ba17
```
#93ba17 rgb(147,186,23)
```
#a1cc19
```
#a1cc19 rgb(161,204,25)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```

Shade Color Variation

#b8e527
```
#b8e527 rgb(184,229,39)
```
#bde738
```
#bde738 rgb(189,231,56)
```
#c3e94a
```
#c3e94a rgb(195,233,74)
```
#c9eb5b
```
#c9eb5b rgb(201,235,91)
```
#cfed6d
```
#cfed6d rgb(207,237,109)
```
#d5ef7e
```
#d5ef7e rgb(213,239,126)
```
#daf190
```
#daf190 rgb(218,241,144)
```
#e0f4a1
```
#e0f4a1 rgb(224,244,161)
```
#e6f6b3
```
#e6f6b3 rgb(230,246,179)
```
#ecf8c4
```
#ecf8c4 rgb(236,248,196)
```
#f1fad6
```
#f1fad6 rgb(241,250,214)
```
#f7fce7
```
#f7fce7 rgb(247,252,231)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#7d7e7a
```
#7d7e7a rgb(125,126,122)
```
#828771
```
#828771 rgb(130,135,113)
```
#879167
```
#879167 rgb(135,145,103)
```
#8c9a5e
```
#8c9a5e rgb(140,154,94)
```
#91a454
```
#91a454 rgb(145,164,84)
```
#96ad4b
```
#96ad4b rgb(150,173,75)
```
#9bb741
```
#9bb741 rgb(155,183,65)
```
#a0c038
```
#a0c038 rgb(160,192,56)
```
#a5ca2e
```
#a5ca2e rgb(165,202,46)
```
#aad325
```
#aad325 rgb(170,211,37)
```
#afdd1b
```
#afdd1b rgb(175,221,27)
```
#b4e711
```
#b4e711 rgb(180,231,17)
```
#b9f008
```
#b9f008 rgb(185,240,8)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b7c099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf22 Protanopia 1% of men
#ffc655 Deuteranopia 1% of men
#c7d0de Tritanopia 0.001% of the population

Trichromacy

#d3d41f Protanomaly 1% of men, 0.01% of women
#e1ce3f Deuteranomaly 6% of men, 0.4% of women
#bed497 Tritanomaly 0.01% of the population

#afdd1b hex color

#afdd1b Color Information

#afdd1b Color Conversion

Color Schemes with #afdd1b

Alternatives to #afdd1b

#afdd1b Preview

Shades and Tints of #afdd1b

Tones of #afdd1b

Color Blindness Simulator