#afdb1e hex color

In a RGB color space, hex #afdb1e is composed of 68.6% red, 85.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 0% magenta, 86.3% yellow and 14.1% black. It has a hue angle of 74 degrees, a saturation of 75.9% and a lightness of 48.8%. #afdb1e color hex could be obtained by blending #ffff3c with #5fb700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 86
- B 12
RGB color chart
- C 20
- M 0
- Y 86
- K 14
CMYK color chart

● #afdb1e color description : Vivid yellow.

The hexadecimal color #afdb1e has RGB values of R:175, G:219, B:30 and CMYK values of C:0.2, M:0, Y:0.86, K:0.14. Its decimal value is 11524894.

Hex triplet	afdb1e	`#afdb1e`
RGB Decimal	175, 219, 30	`rgb(175,219,30)`
RGB Percent	68.6, 85.9, 11.8	`rgb(68.6%,85.9%,11.8%)`
CMYK	20, 0, 86, 14
HSL	74°, 75.9, 48.8	`hsl(74,75.9%,48.8%)`
HSV (or HSB)	74°, 86.3, 85.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	81.768, -36.849, 76.832
XYZ	43.245, 59.87, 10.506
xyY	0.381, 0.527, 59.87
CIE-LCH	81.768, 85.212, 115.622
CIE-LUV	81.768, -21.289, 90.94
Hunter-Lab	77.376, -35.646, 46.113
Binary	10101111, 11011011, 00011110

#afdb1e
```
#afdb1e rgb(175,219,30)
```
#4a1edb
```
#4a1edb rgb(74,30,219)
```

Complementary Color

#dba91e
```
#dba91e rgb(219,169,30)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```
#51db1e
```
#51db1e rgb(81,219,30)
```

Analogous Color

#a91edb
```
#a91edb rgb(169,30,219)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```
#1e51db
```
#1e51db rgb(30,81,219)
```

Split Complementary Color

#db1eaf
```
#db1eaf rgb(219,30,175)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```
#1eafdb
```
#1eafdb rgb(30,175,219)
```

Triadic Color

#db4a1e
```
#db4a1e rgb(219,74,30)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```
#1eafdb
```
#1eafdb rgb(30,175,219)
```
#4a1edb
```
#4a1edb rgb(74,30,219)
```

Tetradic Color

#799815
```
#799815 rgb(121,152,21)
```
#8bae18
```
#8bae18 rgb(139,174,24)
```
#9dc51b
```
#9dc51b rgb(157,197,27)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```
#b9e330
```
#b9e330 rgb(185,227,48)
```
#c1e646
```
#c1e646 rgb(193,230,70)
```
#c8e95d
```
#c8e95d rgb(200,233,93)
```

Monochromatic Color

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

#dbd81e
```
#dbd81e rgb(219,216,30)
```
#cfdb1e
```
#cfdb1e rgb(207,219,30)
```
#bfdb1e
```
#bfdb1e rgb(191,219,30)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```
#9fdb1e
```
#9fdb1e rgb(159,219,30)
```
#90db1e
```
#90db1e rgb(144,219,30)
```
#80db1e
```
#80db1e rgb(128,219,30)
```

Similar Colors

Text with hexadecimal color #afdb1e

This text has a font color of #afdb1e.

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

#afdb1e background color

This paragraph has a background color of #afdb1e.

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

#afdb1e border color

This element has a border color of #afdb1e.

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

CSS codes

.text {color:#afdb1e;}

.background {background-color:#afdb1e;}

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

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)
```
#252e06
```
#252e06 rgb(37,46,6)
```
#334009
```
#334009 rgb(51,64,9)
```
#41510b
```
#41510b rgb(65,81,11)
```
#4e620d
```
#4e620d rgb(78,98,13)
```
#5c7310
```
#5c7310 rgb(92,115,16)
```
#6a8512
```
#6a8512 rgb(106,133,18)
```
#789615
```
#789615 rgb(120,150,21)
```
#86a717
```
#86a717 rgb(134,167,23)
```
#93b819
```
#93b819 rgb(147,184,25)
```
#a1ca1c
```
#a1ca1c rgb(161,202,28)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```

Shade Color Variation

#b7e22b
```
#b7e22b rgb(183,226,43)
```
#bde43c
```
#bde43c rgb(189,228,60)
```
#c3e74d
```
#c3e74d rgb(195,231,77)
```
#c9e95e
```
#c9e95e rgb(201,233,94)
```
#cfeb70
```
#cfeb70 rgb(207,235,112)
```
#d4ee81
```
#d4ee81 rgb(212,238,129)
```
#daf092
```
#daf092 rgb(218,240,146)
```
#e0f2a3
```
#e0f2a3 rgb(224,242,163)
```
#e6f5b5
```
#e6f5b5 rgb(230,245,181)
```
#ecf7c6
```
#ecf7c6 rgb(236,247,198)
```
#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, #818574 is the less saturated color, while #bef801 is the most saturated one.

#818574
```
#818574 rgb(129,133,116)
```
#868e6b
```
#868e6b rgb(134,142,107)
```
#8b9861
```
#8b9861 rgb(139,152,97)
```
#90a257
```
#90a257 rgb(144,162,87)
```
#95ab4e
```
#95ab4e rgb(149,171,78)
```
#9bb544
```
#9bb544 rgb(155,181,68)
```
#a0be3b
```
#a0be3b rgb(160,190,59)
```
#a5c831
```
#a5c831 rgb(165,200,49)
```
#aad128
```
#aad128 rgb(170,209,40)
```
#afdb1e
```
#afdb1e rgb(175,219,30)
```
#b4e514
```
#b4e514 rgb(180,229,20)
```
#b9ee0b
```
#b9ee0b rgb(185,238,11)
```
#bef801
```
#bef801 rgb(190,248,1)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6bf99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce25 Protanopia 1% of men
#ffc447 Deuteranopia 1% of men
#c6cedd Tritanopia 0.001% of the population

Trichromacy

#d2d222 Protanomaly 1% of men, 0.01% of women
#e1cc38 Deuteranomaly 6% of men, 0.4% of women
#bed297 Tritanomaly 0.01% of the population

#afdb1e hex color

#afdb1e Color Information

#afdb1e Color Conversion

Color Schemes with #afdb1e

Alternatives to #afdb1e

#afdb1e Preview

Shades and Tints of #afdb1e

Tones of #afdb1e

Color Blindness Simulator