#afdd25 hex color

In a RGB color space, hex #afdd25 is composed of 68.6% red, 86.7% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 83.3% yellow and 13.3% black. It has a hue angle of 75 degrees, a saturation of 73% and a lightness of 50.6%. #afdd25 color hex could be obtained by blending #ffff4a with #5fbb00. Closest websafe color is: #99cc33.

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

● #afdd25 color description : Bright yellow.

The hexadecimal color #afdd25 has RGB values of R:175, G:221, B:37 and CMYK values of C:0.21, M:0, Y:0.83, K:0.13. Its decimal value is 11525413.

Hex triplet	afdd25	`#afdd25`
RGB Decimal	175, 221, 37	`rgb(175,221,37)`
RGB Percent	68.6, 86.7, 14.5	`rgb(68.6%,86.7%,14.5%)`
CMYK	21, 0, 83, 13
HSL	75°, 73, 50.6	`hsl(75,73%,50.6%)`
HSV (or HSB)	75°, 83.3, 86.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	82.357, -37.548, 75.857
XYZ	43.869, 60.96, 11.205
xyY	0.378, 0.525, 60.96
CIE-LCH	82.357, 84.641, 116.335
CIE-LUV	82.357, -22.406, 90.782
Hunter-Lab	78.077, -36.34, 46.145
Binary	10101111, 11011101, 00100101

#afdd25
```
#afdd25 rgb(175,221,37)
```
#5325dd
```
#5325dd rgb(83,37,221)
```

Complementary Color

#ddaf25
```
#ddaf25 rgb(221,175,37)
```
#afdd25
```
#afdd25 rgb(175,221,37)
```
#53dd25
```
#53dd25 rgb(83,221,37)
```

Analogous Color

#af25dd
```
#af25dd rgb(175,37,221)
```
#afdd25
```
#afdd25 rgb(175,221,37)
```
#2553dd
```
#2553dd rgb(37,83,221)
```

Split Complementary Color

#dd25af
```
#dd25af rgb(221,37,175)
```
#afdd25
```
#afdd25 rgb(175,221,37)
```
#25afdd
```
#25afdd rgb(37,175,221)
```

Triadic Color

#dd5325
```
#dd5325 rgb(221,83,37)
```
#afdd25
```
#afdd25 rgb(175,221,37)
```
#25afdd
```
#25afdd rgb(37,175,221)
```
#5325dd
```
#5325dd rgb(83,37,221)
```

Tetradic Color

#7c9d18
```
#7c9d18 rgb(124,157,24)
```
#8db31c
```
#8db31c rgb(141,179,28)
```
#9fc91f
```
#9fc91f rgb(159,201,31)
```
#afdd25
```
#afdd25 rgb(175,221,37)
```
#b7e03b
```
#b7e03b rgb(183,224,59)
```
#bfe451
```
#bfe451 rgb(191,228,81)
```
#c7e767
```
#c7e767 rgb(199,231,103)
```

Monochromatic Color

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

#dddd25
```
#dddd25 rgb(221,221,37)
```
#cedd25
```
#cedd25 rgb(206,221,37)
```
#bedd25
```
#bedd25 rgb(190,221,37)
```
#afdd25
```
#afdd25 rgb(175,221,37)
```
#a0dd25
```
#a0dd25 rgb(160,221,37)
```
#90dd25
```
#90dd25 rgb(144,221,37)
```
#81dd25
```
#81dd25 rgb(129,221,37)
```

Similar Colors

Text with hexadecimal color #afdd25

This text has a font color of #afdd25.

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

#afdd25 background color

This paragraph has a background color of #afdd25.

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

#afdd25 border color

This element has a border color of #afdd25.

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

CSS codes

.text {color:#afdd25;}

.background {background-color:#afdd25;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0f1403
```
#0f1403 rgb(15,20,3)
```
#1d2506
```
#1d2506 rgb(29,37,6)
```
#2a3608
```
#2a3608 rgb(42,54,8)
```
#38460b
```
#38460b rgb(56,70,11)
```
#45570e
```
#45570e rgb(69,87,14)
```
#526810
```
#526810 rgb(82,104,16)
```
#607913
```
#607913 rgb(96,121,19)
```
#6d8a16
```
#6d8a16 rgb(109,138,22)
```
#7b9b18
```
#7b9b18 rgb(123,155,24)
```
#88ac1b
```
#88ac1b rgb(136,172,27)
```
#95bd1e
```
#95bd1e rgb(149,189,30)
```
#a3ce20
```
#a3ce20 rgb(163,206,32)
```

Shade Color Variation

#afdd25
```
#afdd25 rgb(175,221,37)
```
#b5e036
```
#b5e036 rgb(181,224,54)
```
#bbe247
```
#bbe247 rgb(187,226,71)
```
#c2e558
```
#c2e558 rgb(194,229,88)
```
#c8e869
```
#c8e869 rgb(200,232,105)
```
#ceea7a
```
#ceea7a rgb(206,234,122)
```
#d4ed8b
```
#d4ed8b rgb(212,237,139)
```
#dbf09c
```
#dbf09c rgb(219,240,156)
```
#e1f2ad
```
#e1f2ad rgb(225,242,173)
```
#e7f5be
```
#e7f5be rgb(231,245,190)
```
#edf7cf
```
#edf7cf rgb(237,247,207)
```
#f3fae0
```
#f3fae0 rgb(243,250,224)
```
#fafdf1
```
#fafdf1 rgb(250,253,241)
```

Tint Color Variation

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

#83867c
```
#83867c rgb(131,134,124)
```
#888f73
```
#888f73 rgb(136,143,115)
```
#8d9969
```
#8d9969 rgb(141,153,105)
```
#92a35f
```
#92a35f rgb(146,163,95)
```
#97ad55
```
#97ad55 rgb(151,173,85)
```
#9cb64c
```
#9cb64c rgb(156,182,76)
```
#a0c042
```
#a0c042 rgb(160,192,66)
```
#a5ca38
```
#a5ca38 rgb(165,202,56)
```
#aad32f
```
#aad32f rgb(170,211,47)
```
#afdd25
```
#afdd25 rgb(175,221,37)
```
#b4e71b
```
#b4e71b rgb(180,231,27)
```
#b9f012
```
#b9f012 rgb(185,240,18)
```
#befa08
```
#befa08 rgb(190,250,8)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8c19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf2c Protanopia 1% of men
#ffc656 Deuteranopia 1% of men
#c7d0df Tritanopia 0.001% of the population

Trichromacy

#d3d429 Protanomaly 1% of men, 0.01% of women
#e1ce44 Deuteranomaly 6% of men, 0.4% of women
#bed49b Tritanomaly 0.01% of the population

#afdd25 hex color

#afdd25 Color Information

#afdd25 Color Conversion

Color Schemes with #afdd25

Alternatives to #afdd25

#afdd25 Preview

Shades and Tints of #afdd25

Tones of #afdd25

Color Blindness Simulator