#afdd1c hex color

In a RGB color space, hex #afdd1c is composed of 68.6% red, 86.7% green and 11% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 87.3% yellow and 13.3% black. It has a hue angle of 74.3 degrees, a saturation of 77.5% and a lightness of 48.8%. #afdd1c color hex could be obtained by blending #ffff38 with #5fbb00. Closest websafe color is: #99cc33.

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

● #afdd1c color description : Vivid yellow.

The hexadecimal color #afdd1c has RGB values of R:175, G:221, B:28 and CMYK values of C:0.21, M:0, Y:0.87, K:0.13. Its decimal value is 11525404.

Hex triplet	afdd1c	`#afdd1c`
RGB Decimal	175, 221, 28	`rgb(175,221,28)`
RGB Percent	68.6, 86.7, 11	`rgb(68.6%,86.7%,11%)`
CMYK	21, 0, 87, 13
HSL	74.3°, 77.5, 48.8	`hsl(74.3,77.5%,48.8%)`
HSV (or HSB)	74.3°, 87.3, 86.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.33, -37.798, 77.673
XYZ	43.745, 60.91, 10.551
xyY	0.38, 0.529, 60.91
CIE-LCH	82.33, 86.381, 115.949
CIE-LUV	82.33, -22.394, 91.965
Hunter-Lab	78.045, -36.528, 46.616
Binary	10101111, 11011101, 00011100

#afdd1c
```
#afdd1c rgb(175,221,28)
```
#4a1cdd
```
#4a1cdd rgb(74,28,221)
```

Complementary Color

#ddab1c
```
#ddab1c rgb(221,171,28)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```
#4fdd1c
```
#4fdd1c rgb(79,221,28)
```

Analogous Color

#ab1cdd
```
#ab1cdd rgb(171,28,221)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```
#1c4edd
```
#1c4edd rgb(28,78,221)
```

Split Complementary Color

#dd1caf
```
#dd1caf rgb(221,28,175)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```
#1cafdd
```
#1cafdd rgb(28,175,221)
```

Triadic Color

#dd4a1c
```
#dd4a1c rgb(221,74,28)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```
#1cafdd
```
#1cafdd rgb(28,175,221)
```
#4a1cdd
```
#4a1cdd rgb(74,28,221)
```

Tetradic Color

#799913
```
#799913 rgb(121,153,19)
```
#8bb016
```
#8bb016 rgb(139,176,22)
```
#9dc619
```
#9dc619 rgb(157,198,25)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```
#b9e52e
```
#b9e52e rgb(185,229,46)
```
#c1e745
```
#c1e745 rgb(193,231,69)
```
#c8ea5b
```
#c8ea5b rgb(200,234,91)
```

Monochromatic Color

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

#dddb1c
```
#dddb1c rgb(221,219,28)
```
#cfdd1c
```
#cfdd1c rgb(207,221,28)
```
#bfdd1c
```
#bfdd1c rgb(191,221,28)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```
#9fdd1c
```
#9fdd1c rgb(159,221,28)
```
#8fdd1c
```
#8fdd1c rgb(143,221,28)
```
#7fdd1c
```
#7fdd1c rgb(127,221,28)
```

Similar Colors

Text with hexadecimal color #afdd1c

This text has a font color of #afdd1c.

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

#afdd1c background color

This paragraph has a background color of #afdd1c.

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

#afdd1c border color

This element has a border color of #afdd1c.

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

CSS codes

.text {color:#afdd1c;}

.background {background-color:#afdd1c;}

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

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

#0a0c02
```
#0a0c02 rgb(10,12,2)
```
#171d04
```
#171d04 rgb(23,29,4)
```
#252f06
```
#252f06 rgb(37,47,6)
```
#334008
```
#334008 rgb(51,64,8)
```
#41520a
```
#41520a rgb(65,82,10)
```
#4e630d
```
#4e630d rgb(78,99,13)
```
#5c750f
```
#5c750f rgb(92,117,15)
```
#6a8611
```
#6a8611 rgb(106,134,17)
```
#789713
```
#789713 rgb(120,151,19)
```
#86a915
```
#86a915 rgb(134,169,21)
```
#93ba18
```
#93ba18 rgb(147,186,24)
```
#a1cc1a
```
#a1cc1a rgb(161,204,26)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```

Shade Color Variation

#b7e429
```
#b7e429 rgb(183,228,41)
```
#bde63a
```
#bde63a rgb(189,230,58)
```
#c3e84c
```
#c3e84c rgb(195,232,76)
```
#c9ea5d
```
#c9ea5d rgb(201,234,93)
```
#cfed6e
```
#cfed6e rgb(207,237,110)
```
#d4ef80
```
#d4ef80 rgb(212,239,128)
```
#daf191
```
#daf191 rgb(218,241,145)
```
#e0f3a3
```
#e0f3a3 rgb(224,243,163)
```
#e6f6b4
```
#e6f6b4 rgb(230,246,180)
```
#ecf8c5
```
#ecf8c5 rgb(236,248,197)
```
#f2fad7
```
#f2fad7 rgb(242,250,215)
```
#f7fce8
```
#f7fce8 rgb(247,252,232)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#7d7d7c
```
#7d7d7c rgb(125,125,124)
```
#828772
```
#828772 rgb(130,135,114)
```
#879069
```
#879069 rgb(135,144,105)
```
#8c9a5f
```
#8c9a5f rgb(140,154,95)
```
#91a455
```
#91a455 rgb(145,164,85)
```
#96ad4c
```
#96ad4c rgb(150,173,76)
```
#9bb742
```
#9bb742 rgb(155,183,66)
```
#a0c039
```
#a0c039 rgb(160,192,57)
```
#a5ca2f
```
#a5ca2f rgb(165,202,47)
```
#aad326
```
#aad326 rgb(170,211,38)
```
#afdd1c
```
#afdd1c rgb(175,221,28)
```
#b4e712
```
#b4e712 rgb(180,231,18)
```
#b9f009
```
#b9f009 rgb(185,240,9)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#d3d420 Protanomaly 1% of men, 0.01% of women
#e1ce40 Deuteranomaly 6% of men, 0.4% of women
#bed498 Tritanomaly 0.01% of the population

#afdd1c hex color

#afdd1c Color Information

#afdd1c Color Conversion

Color Schemes with #afdd1c

Alternatives to #afdd1c

#afdd1c Preview

Shades and Tints of #afdd1c

Tones of #afdd1c

Color Blindness Simulator