#afdf1d hex color

In a RGB color space, hex #afdf1d is composed of 68.6% red, 87.5% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 87% yellow and 12.5% black. It has a hue angle of 74.8 degrees, a saturation of 77% and a lightness of 49.4%. #afdf1d color hex could be obtained by blending #ffff3a with #5fbf00. Closest websafe color is: #99cc33.

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

● #afdf1d color description : Vivid yellow.

The hexadecimal color #afdf1d has RGB values of R:175, G:223, B:29 and CMYK values of C:0.22, M:0, Y:0.87, K:0.13. Its decimal value is 11525917.

Hex triplet	afdf1d	`#afdf1d`
RGB Decimal	175, 223, 29	`rgb(175,223,29)`
RGB Percent	68.6, 87.5, 11.4	`rgb(68.6%,87.5%,11.4%)`
CMYK	22, 0, 87, 13
HSL	74.8°, 77, 49.4	`hsl(74.8,77%,49.4%)`
HSV (or HSB)	74.8°, 87, 87.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.901, -38.667, 77.963
XYZ	44.288, 61.977, 10.792
xyY	0.378, 0.529, 61.977
CIE-LCH	82.901, 87.025, 116.38
CIE-LUV	82.901, -23.495, 92.635
Hunter-Lab	78.726, -37.353, 46.98
Binary	10101111, 11011111, 00011101

#afdf1d
```
#afdf1d rgb(175,223,29)
```
#4d1ddf
```
#4d1ddf rgb(77,29,223)
```

Complementary Color

#dfae1d
```
#dfae1d rgb(223,174,29)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```
#4edf1d
```
#4edf1d rgb(78,223,29)
```

Analogous Color

#ae1ddf
```
#ae1ddf rgb(174,29,223)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```
#1d4edf
```
#1d4edf rgb(29,78,223)
```

Split Complementary Color

#df1daf
```
#df1daf rgb(223,29,175)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```
#1dafdf
```
#1dafdf rgb(29,175,223)
```

Triadic Color

#df4d1d
```
#df4d1d rgb(223,77,29)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```
#1dafdf
```
#1dafdf rgb(29,175,223)
```
#4d1ddf
```
#4d1ddf rgb(77,29,223)
```

Tetradic Color

#7a9b14
```
#7a9b14 rgb(122,155,20)
```
#8cb217
```
#8cb217 rgb(140,178,23)
```
#9dc81a
```
#9dc81a rgb(157,200,26)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```
#b8e431
```
#b8e431 rgb(184,228,49)
```
#c0e748
```
#c0e748 rgb(192,231,72)
```
#c8ea5e
```
#c8ea5e rgb(200,234,94)
```

Monochromatic Color

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

#dfdf1d
```
#dfdf1d rgb(223,223,29)
```
#cfdf1d
```
#cfdf1d rgb(207,223,29)
```
#bfdf1d
```
#bfdf1d rgb(191,223,29)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```
#9fdf1d
```
#9fdf1d rgb(159,223,29)
```
#8fdf1d
```
#8fdf1d rgb(143,223,29)
```
#7fdf1d
```
#7fdf1d rgb(127,223,29)
```

Similar Colors

Text with hexadecimal color #afdf1d

This text has a font color of #afdf1d.

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

#afdf1d background color

This paragraph has a background color of #afdf1d.

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

#afdf1d border color

This element has a border color of #afdf1d.

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

CSS codes

.text {color:#afdf1d;}

.background {background-color:#afdf1d;}

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

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

#0c0f02
```
#0c0f02 rgb(12,15,2)
```
#192004
```
#192004 rgb(25,32,4)
```
#273106
```
#273106 rgb(39,49,6)
```
#344309
```
#344309 rgb(52,67,9)
```
#42540b
```
#42540b rgb(66,84,11)
```
#50650d
```
#50650d rgb(80,101,13)
```
#5d770f
```
#5d770f rgb(93,119,15)
```
#6b8812
```
#6b8812 rgb(107,136,18)
```
#799a14
```
#799a14 rgb(121,154,20)
```
#86ab16
```
#86ab16 rgb(134,171,22)
```
#94bc18
```
#94bc18 rgb(148,188,24)
```
#a1ce1b
```
#a1ce1b rgb(161,206,27)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```

Shade Color Variation

#b6e42c
```
#b6e42c rgb(182,228,44)
```
#bce63d
```
#bce63d rgb(188,230,61)
```
#c2e84f
```
#c2e84f rgb(194,232,79)
```
#c8ea60
```
#c8ea60 rgb(200,234,96)
```
#ceed71
```
#ceed71 rgb(206,237,113)
```
#d4ef83
```
#d4ef83 rgb(212,239,131)
```
#daf194
```
#daf194 rgb(218,241,148)
```
#e0f3a6
```
#e0f3a6 rgb(224,243,166)
```
#e6f6b7
```
#e6f6b7 rgb(230,246,183)
```
#ecf8c8
```
#ecf8c8 rgb(236,248,200)
```
#f2fada
```
#f2fada rgb(242,250,218)
```
#f8fceb
```
#f8fceb rgb(248,252,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#838874
```
#838874 rgb(131,136,116)
```
#88916b
```
#88916b rgb(136,145,107)
```
#8d9b61
```
#8d9b61 rgb(141,155,97)
```
#92a557
```
#92a557 rgb(146,165,87)
```
#97af4d
```
#97af4d rgb(151,175,77)
```
#9bb844
```
#9bb844 rgb(155,184,68)
```
#a0c23a
```
#a0c23a rgb(160,194,58)
```
#a5cc30
```
#a5cc30 rgb(165,204,48)
```
#aad527
```
#aad527 rgb(170,213,39)
```
#afdf1d
```
#afdf1d rgb(175,223,29)
```
#b4e913
```
#b4e913 rgb(180,233,19)
```
#b9f20a
```
#b9f20a rgb(185,242,10)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9c29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead124 Protanopia 1% of men
#ffc860 Deuteranopia 1% of men
#c7d1e0 Tritanopia 0.001% of the population

Trichromacy

#d4d621 Protanomaly 1% of men, 0.01% of women
#e1d048 Deuteranomaly 6% of men, 0.4% of women
#bed699 Tritanomaly 0.01% of the population

#afdf1d hex color

#afdf1d Color Information

#afdf1d Color Conversion

Color Schemes with #afdf1d

Alternatives to #afdf1d

#afdf1d Preview

Shades and Tints of #afdf1d

Tones of #afdf1d

Color Blindness Simulator