#afdb28 hex color

In a RGB color space, hex #afdb28 is composed of 68.6% red, 85.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 20.1% cyan, 0% magenta, 81.7% yellow and 14.1% black. It has a hue angle of 74.7 degrees, a saturation of 71.3% and a lightness of 50.8%. #afdb28 color hex could be obtained by blending #ffff50 with #5fb700. Closest websafe color is: #99cc33.

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

● #afdb28 color description : Bright yellow.

The hexadecimal color #afdb28 has RGB values of R:175, G:219, B:40 and CMYK values of C:0.2, M:0, Y:0.82, K:0.14. Its decimal value is 11524904.

Hex triplet	afdb28	`#afdb28`
RGB Decimal	175, 219, 40	`rgb(175,219,40)`
RGB Percent	68.6, 85.9, 15.7	`rgb(68.6%,85.9%,15.7%)`
CMYK	20, 0, 82, 14
HSL	74.7°, 71.3, 50.8	`hsl(74.7,71.3%,50.8%)`
HSV (or HSB)	74.7°, 81.7, 85.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	81.8, -36.548, 74.664
XYZ	43.393, 59.93, 11.289
xyY	0.379, 0.523, 59.93
CIE-LCH	81.8, 83.129, 116.082
CIE-LUV	81.8, -21.306, 89.515
Hunter-Lab	77.414, -35.42, 45.544
Binary	10101111, 11011011, 00101000

#afdb28
```
#afdb28 rgb(175,219,40)
```
#5428db
```
#5428db rgb(84,40,219)
```

Complementary Color

#dbae28
```
#dbae28 rgb(219,174,40)
```
#afdb28
```
#afdb28 rgb(175,219,40)
```
#56db28
```
#56db28 rgb(86,219,40)
```

Analogous Color

#ae28db
```
#ae28db rgb(174,40,219)
```
#afdb28
```
#afdb28 rgb(175,219,40)
```
#2856db
```
#2856db rgb(40,86,219)
```

Split Complementary Color

#db28af
```
#db28af rgb(219,40,175)
```
#afdb28
```
#afdb28 rgb(175,219,40)
```
#28afdb
```
#28afdb rgb(40,175,219)
```

Triadic Color

#db5428
```
#db5428 rgb(219,84,40)
```
#afdb28
```
#afdb28 rgb(175,219,40)
```
#28afdb
```
#28afdb rgb(40,175,219)
```
#5428db
```
#5428db rgb(84,40,219)
```

Tetradic Color

#7c9c1a
```
#7c9c1a rgb(124,156,26)
```
#8eb21e
```
#8eb21e rgb(142,178,30)
```
#9fc821
```
#9fc821 rgb(159,200,33)
```
#afdb28
```
#afdb28 rgb(175,219,40)
```
#b7df3e
```
#b7df3e rgb(183,223,62)
```
#bfe254
```
#bfe254 rgb(191,226,84)
```
#c7e66a
```
#c7e66a rgb(199,230,106)
```

Monochromatic Color

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

#dbda28
```
#dbda28 rgb(219,218,40)
```
#cddb28
```
#cddb28 rgb(205,219,40)
```
#bedb28
```
#bedb28 rgb(190,219,40)
```
#afdb28
```
#afdb28 rgb(175,219,40)
```
#a0db28
```
#a0db28 rgb(160,219,40)
```
#91db28
```
#91db28 rgb(145,219,40)
```
#82db28
```
#82db28 rgb(130,219,40)
```

Similar Colors

Text with hexadecimal color #afdb28

This text has a font color of #afdb28.

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

#afdb28 background color

This paragraph has a background color of #afdb28.

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

#afdb28 border color

This element has a border color of #afdb28.

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

CSS codes

.text {color:#afdb28;}

.background {background-color:#afdb28;}

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

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, #030301 is the darkest color, while #fafdf2 is the lightest one.

#030301
```
#030301 rgb(3,3,1)
```
#101403
```
#101403 rgb(16,20,3)
```
#1d2506
```
#1d2506 rgb(29,37,6)
```
#2b3609
```
#2b3609 rgb(43,54,9)
```
#38470c
```
#38470c rgb(56,71,12)
```
#46570f
```
#46570f rgb(70,87,15)
```
#536811
```
#536811 rgb(83,104,17)
```
#607914
```
#607914 rgb(96,121,20)
```
#6e8a17
```
#6e8a17 rgb(110,138,23)
```
#7b9b1a
```
#7b9b1a rgb(123,155,26)
```
#88ab1d
```
#88ab1d rgb(136,171,29)
```
#96bc20
```
#96bc20 rgb(150,188,32)
```
#a3cd22
```
#a3cd22 rgb(163,205,34)
```

Shade Color Variation

#afdb28
```
#afdb28 rgb(175,219,40)
```
#b5de39
```
#b5de39 rgb(181,222,57)
```
#bce14a
```
#bce14a rgb(188,225,74)
```
#c2e35a
```
#c2e35a rgb(194,227,90)
```
#c8e66b
```
#c8e66b rgb(200,230,107)
```
#cee97c
```
#cee97c rgb(206,233,124)
```
#d5ec8d
```
#d5ec8d rgb(213,236,141)
```
#dbef9e
```
#dbef9e rgb(219,239,158)
```
#e1f2ae
```
#e1f2ae rgb(225,242,174)
```
#e7f4bf
```
#e7f4bf rgb(231,244,191)
```
#eef7d0
```
#eef7d0 rgb(238,247,208)
```
#f4fae1
```
#f4fae1 rgb(244,250,225)
```
#fafdf2
```
#fafdf2 rgb(250,253,242)
```

Tint Color Variation

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

#83847f
```
#83847f rgb(131,132,127)
```
#888e75
```
#888e75 rgb(136,142,117)
```
#8d976c
```
#8d976c rgb(141,151,108)
```
#92a162
```
#92a162 rgb(146,161,98)
```
#96ab58
```
#96ab58 rgb(150,171,88)
```
#9bb44f
```
#9bb44f rgb(155,180,79)
```
#a0be45
```
#a0be45 rgb(160,190,69)
```
#a5c83b
```
#a5c83b rgb(165,200,59)
```
#aad132
```
#aad132 rgb(170,209,50)
```
#afdb28
```
#afdb28 rgb(175,219,40)
```
#b4e51e
```
#b4e51e rgb(180,229,30)
```
#b9ee15
```
#b9ee15 rgb(185,238,21)
```
#bef80b
```
#bef80b rgb(190,248,11)
```

Tone Color Variation

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

Dichromacy

#e6ce2f Protanopia 1% of men
#ffc44a Deuteranopia 1% of men
#c6cedd Tritanopia 0.001% of the population

Trichromacy

#d2d32c Protanomaly 1% of men, 0.01% of women
#e1cc3d Deuteranomaly 6% of men, 0.4% of women
#bed39b Tritanomaly 0.01% of the population

#afdb28 hex color

#afdb28 Color Information

#afdb28 Color Conversion

Color Schemes with #afdb28

Alternatives to #afdb28

#afdb28 Preview

Shades and Tints of #afdb28

Tones of #afdb28

Color Blindness Simulator