#afdb22 hex color

In a RGB color space, hex #afdb22 is composed of 68.6% red, 85.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 0% magenta, 84.5% yellow and 14.1% black. It has a hue angle of 74.3 degrees, a saturation of 73.1% and a lightness of 49.6%. #afdb22 color hex could be obtained by blending #ffff44 with #5fb700. Closest websafe color is: #99cc33.

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

● #afdb22 color description : Bright yellow.

The hexadecimal color #afdb22 has RGB values of R:175, G:219, B:34 and CMYK values of C:0.2, M:0, Y:0.84, K:0.14. Its decimal value is 11524898.

Hex triplet	afdb22	`#afdb22`
RGB Decimal	175, 219, 34	`rgb(175,219,34)`
RGB Percent	68.6, 85.9, 13.3	`rgb(68.6%,85.9%,13.3%)`
CMYK	20, 0, 84, 14
HSL	74.3°, 73.1, 49.6	`hsl(74.3,73.1%,49.6%)`
HSV (or HSB)	74.3°, 84.5, 85.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	81.779, -36.739, 76.027
XYZ	43.299, 59.892, 10.792
xyY	0.38, 0.525, 59.892
CIE-LCH	81.779, 84.438, 115.791
CIE-LUV	81.779, -21.295, 90.418
Hunter-Lab	77.39, -35.563, 45.905
Binary	10101111, 11011011, 00100010

#afdb22
```
#afdb22 rgb(175,219,34)
```
#4e22db
```
#4e22db rgb(78,34,219)
```

Complementary Color

#dbab22
```
#dbab22 rgb(219,171,34)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```
#53db22
```
#53db22 rgb(83,219,34)
```

Analogous Color

#ab22db
```
#ab22db rgb(171,34,219)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```
#2253db
```
#2253db rgb(34,83,219)
```

Split Complementary Color

#db22af
```
#db22af rgb(219,34,175)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```
#22afdb
```
#22afdb rgb(34,175,219)
```

Triadic Color

#db4e22
```
#db4e22 rgb(219,78,34)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```
#22afdb
```
#22afdb rgb(34,175,219)
```
#4e22db
```
#4e22db rgb(78,34,219)
```

Tetradic Color

#7a9918
```
#7a9918 rgb(122,153,24)
```
#8caf1b
```
#8caf1b rgb(140,175,27)
```
#9dc51f
```
#9dc51f rgb(157,197,31)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```
#b8e037
```
#b8e037 rgb(184,224,55)
```
#bfe34d
```
#bfe34d rgb(191,227,77)
```
#c7e763
```
#c7e763 rgb(199,231,99)
```

Monochromatic Color

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

#dbd922
```
#dbd922 rgb(219,217,34)
```
#cedb22
```
#cedb22 rgb(206,219,34)
```
#bedb22
```
#bedb22 rgb(190,219,34)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```
#a0db22
```
#a0db22 rgb(160,219,34)
```
#90db22
```
#90db22 rgb(144,219,34)
```
#81db22
```
#81db22 rgb(129,219,34)
```

Similar Colors

Text with hexadecimal color #afdb22

This text has a font color of #afdb22.

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

#afdb22 background color

This paragraph has a background color of #afdb22.

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

#afdb22 border color

This element has a border color of #afdb22.

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

CSS codes

.text {color:#afdb22;}

.background {background-color:#afdb22;}

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

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 #fefffd is the lightest one.

#0c0f02
```
#0c0f02 rgb(12,15,2)
```
#1a2005
```
#1a2005 rgb(26,32,5)
```
#273108
```
#273108 rgb(39,49,8)
```
#35420a
```
#35420a rgb(53,66,10)
```
#42530d
```
#42530d rgb(66,83,13)
```
#506410
```
#506410 rgb(80,100,16)
```
#5e7512
```
#5e7512 rgb(94,117,18)
```
#6b8615
```
#6b8615 rgb(107,134,21)
```
#799717
```
#799717 rgb(121,151,23)
```
#86a81a
```
#86a81a rgb(134,168,26)
```
#94b91d
```
#94b91d rgb(148,185,29)
```
#a1ca1f
```
#a1ca1f rgb(161,202,31)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```

Shade Color Variation

#b6df32
```
#b6df32 rgb(182,223,50)
```
#bce242
```
#bce242 rgb(188,226,66)
```
#c2e453
```
#c2e453 rgb(194,228,83)
```
#c8e764
```
#c8e764 rgb(200,231,100)
```
#ceea75
```
#ceea75 rgb(206,234,117)
```
#d4ec86
```
#d4ec86 rgb(212,236,134)
```
#daef97
```
#daef97 rgb(218,239,151)
```
#e0f2a8
```
#e0f2a8 rgb(224,242,168)
```
#e6f4b9
```
#e6f4b9 rgb(230,244,185)
```
#ecf7ca
```
#ecf7ca rgb(236,247,202)
```
#f2f9db
```
#f2f9db rgb(242,249,219)
```
#f8fcec
```
#f8fcec rgb(248,252,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#81837a
```
#81837a rgb(129,131,122)
```
#868d70
```
#868d70 rgb(134,141,112)
```
#8b9766
```
#8b9766 rgb(139,151,102)
```
#90a15c
```
#90a15c rgb(144,161,92)
```
#95aa53
```
#95aa53 rgb(149,170,83)
```
#9bb449
```
#9bb449 rgb(155,180,73)
```
#a0be3f
```
#a0be3f rgb(160,190,63)
```
#a5c835
```
#a5c835 rgb(165,200,53)
```
#aad12c
```
#aad12c rgb(170,209,44)
```
#afdb22
```
#afdb22 rgb(175,219,34)
```
#b4e518
```
#b4e518 rgb(180,229,24)
```
#b9ee0f
```
#b9ee0f rgb(185,238,15)
```
#bef805
```
#bef805 rgb(190,248,5)
```

Tone Color Variation

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

Dichromacy

#e6ce29 Protanopia 1% of men
#ffc448 Deuteranopia 1% of men
#c6cedd Tritanopia 0.001% of the population

Trichromacy

#d2d226 Protanomaly 1% of men, 0.01% of women
#e1cc3a Deuteranomaly 6% of men, 0.4% of women
#bed299 Tritanomaly 0.01% of the population

#afdb22 hex color

#afdb22 Color Information

#afdb22 Color Conversion

Color Schemes with #afdb22

Alternatives to #afdb22

#afdb22 Preview

Shades and Tints of #afdb22

Tones of #afdb22

Color Blindness Simulator