#afda2a hex color

In a RGB color space, hex #afda2a is composed of 68.6% red, 85.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 0% magenta, 80.7% yellow and 14.5% black. It has a hue angle of 74.7 degrees, a saturation of 70.4% and a lightness of 51%. #afda2a color hex could be obtained by blending #ffff54 with #5fb500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 85
- B 16
RGB color chart
- C 20
- M 0
- Y 81
- K 15
CMYK color chart

● #afda2a color description : Bright yellow.

The hexadecimal color #afda2a has RGB values of R:175, G:218, B:42 and CMYK values of C:0.2, M:0, Y:0.81, K:0.15. Its decimal value is 11524650.

Hex triplet	afda2a	`#afda2a`
RGB Decimal	175, 218, 42	`rgb(175,218,42)`
RGB Percent	68.6, 85.5, 16.5	`rgb(68.6%,85.5%,16.5%)`
CMYK	20, 0, 81, 15
HSL	74.7°, 70.4, 51	`hsl(74.7,70.4%,51%)`
HSV (or HSB)	74.7°, 80.7, 85.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	81.524, -36.025, 73.919
XYZ	43.168, 59.423, 11.386
xyY	0.379, 0.521, 59.423
CIE-LCH	81.524, 82.23, 115.983
CIE-LUV	81.524, -20.756, 88.778
Hunter-Lab	77.087, -34.943, 45.203
Binary	10101111, 11011010, 00101010

#afda2a
```
#afda2a rgb(175,218,42)
```
#552ada
```
#552ada rgb(85,42,218)
```

Complementary Color

#daad2a
```
#daad2a rgb(218,173,42)
```
#afda2a
```
#afda2a rgb(175,218,42)
```
#57da2a
```
#57da2a rgb(87,218,42)
```

Analogous Color

#ad2ada
```
#ad2ada rgb(173,42,218)
```
#afda2a
```
#afda2a rgb(175,218,42)
```
#2a57da
```
#2a57da rgb(42,87,218)
```

Split Complementary Color

#da2aaf
```
#da2aaf rgb(218,42,175)
```
#afda2a
```
#afda2a rgb(175,218,42)
```
#2aafda
```
#2aafda rgb(42,175,218)
```

Triadic Color

#da552a
```
#da552a rgb(218,85,42)
```
#afda2a
```
#afda2a rgb(175,218,42)
```
#2aafda
```
#2aafda rgb(42,175,218)
```
#552ada
```
#552ada rgb(85,42,218)
```

Tetradic Color

#7d9c1b
```
#7d9c1b rgb(125,156,27)
```
#8eb21f
```
#8eb21f rgb(142,178,31)
```
#9fc823
```
#9fc823 rgb(159,200,35)
```
#afda2a
```
#afda2a rgb(175,218,42)
```
#b7de40
```
#b7de40 rgb(183,222,64)
```
#bfe255
```
#bfe255 rgb(191,226,85)
```
#c7e56b
```
#c7e56b rgb(199,229,107)
```

Monochromatic Color

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

#dad92a
```
#dad92a rgb(218,217,42)
```
#ccda2a
```
#ccda2a rgb(204,218,42)
```
#beda2a
```
#beda2a rgb(190,218,42)
```
#afda2a
```
#afda2a rgb(175,218,42)
```
#a0da2a
```
#a0da2a rgb(160,218,42)
```
#92da2a
```
#92da2a rgb(146,218,42)
```
#83da2a
```
#83da2a rgb(131,218,42)
```

Similar Colors

Text with hexadecimal color #afda2a

This text has a font color of #afda2a.

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

#afda2a background color

This paragraph has a background color of #afda2a.

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

#afda2a border color

This element has a border color of #afda2a.

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

CSS codes

.text {color:#afda2a;}

.background {background-color:#afda2a;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#111504
```
#111504 rgb(17,21,4)
```
#1e2607
```
#1e2607 rgb(30,38,7)
```
#2b3609
```
#2b3609 rgb(43,54,9)
```
#39470c
```
#39470c rgb(57,71,12)
```
#46580f
```
#46580f rgb(70,88,15)
```
#536912
```
#536912 rgb(83,105,18)
```
#617915
```
#617915 rgb(97,121,21)
```
#6e8a18
```
#6e8a18 rgb(110,138,24)
```
#7b9b1b
```
#7b9b1b rgb(123,155,27)
```
#89ab1e
```
#89ab1e rgb(137,171,30)
```
#96bc21
```
#96bc21 rgb(150,188,33)
```
#a3cd24
```
#a3cd24 rgb(163,205,36)
```

Shade Color Variation

#afda2a
```
#afda2a rgb(175,218,42)
```
#b5dd3b
```
#b5dd3b rgb(181,221,59)
```
#bce04b
```
#bce04b rgb(188,224,75)
```
#c2e35c
```
#c2e35c rgb(194,227,92)
```
#c8e66d
```
#c8e66d rgb(200,230,109)
```
#cee97e
```
#cee97e rgb(206,233,126)
```
#d5eb8e
```
#d5eb8e rgb(213,235,142)
```
#dbee9f
```
#dbee9f rgb(219,238,159)
```
#e1f1b0
```
#e1f1b0 rgb(225,241,176)
```
#e7f4c0
```
#e7f4c0 rgb(231,244,192)
```
#eef7d1
```
#eef7d1 rgb(238,247,209)
```
#f4fae2
```
#f4fae2 rgb(244,250,226)
```
#fafdf3
```
#fafdf3 rgb(250,253,243)
```

Tint Color Variation

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

#838381
```
#838381 rgb(131,131,129)
```
#888d77
```
#888d77 rgb(136,141,119)
```
#8d976d
```
#8d976d rgb(141,151,109)
```
#91a064
```
#91a064 rgb(145,160,100)
```
#96aa5a
```
#96aa5a rgb(150,170,90)
```
#9bb450
```
#9bb450 rgb(155,180,80)
```
#a0bd47
```
#a0bd47 rgb(160,189,71)
```
#a5c73d
```
#a5c73d rgb(165,199,61)
```
#aad034
```
#aad034 rgb(170,208,52)
```
#afda2a
```
#afda2a rgb(175,218,42)
```
#b4e420
```
#b4e420 rgb(180,228,32)
```
#b9ed17
```
#b9ed17 rgb(185,237,23)
```
#bef70d
```
#bef70d rgb(190,247,13)
```

Tone Color Variation

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

#e5cd31 Protanopia 1% of men
#fec343 Deuteranopia 1% of men
#c6cddc Tritanopia 0.001% of the population

Trichromacy

#d1d22e Protanomaly 1% of men, 0.01% of women
#e1cb3a Deuteranomaly 6% of men, 0.4% of women
#bdd29b Tritanomaly 0.01% of the population

#afda2a hex color

#afda2a Color Information

#afda2a Color Conversion

Color Schemes with #afda2a

Alternatives to #afda2a

#afda2a Preview

Shades and Tints of #afda2a

Tones of #afda2a

Color Blindness Simulator