colorhexa.com

#afd43a hex color

In a RGB color space, hex #afd43a is composed of 68.6% red, 83.1% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 72.6% yellow and 16.9% black. It has a hue angle of 74.4 degrees, a saturation of 64.2% and a lightness of 52.9%. #afd43a color hex could be obtained by blending #ffff74 with #5fa900. Closest websafe color is: #99cc33.

- R 69
- G 83
- B 23
RGB color chart
- C 17
- M 0
- Y 73
- K 17
CMYK color chart

● #afd43a color description : Moderate yellow.

The hexadecimal color #afd43a has RGB values of R:175, G:212, B:58 and CMYK values of C:0.17, M:0, Y:0.73, K:0.17. Its decimal value is 11523130.

Hex triplet	afd43a	`#afd43a`
RGB Decimal	175, 212, 58	`rgb(175,212,58)`
RGB Percent	68.6, 83.1, 22.7	`rgb(68.6%,83.1%,22.7%)`
CMYK	17, 0, 73, 17
HSL	74.4°, 64.2, 52.9	`hsl(74.4,64.2%,52.9%)`
HSV (or HSB)	74.4°, 72.6, 83.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.901, -32.571, 67.634
XYZ	41.986, 56.506, 12.698
xyY	0.378, 0.508, 56.506
CIE-LCH	79.901, 75.068, 115.714
CIE-LUV	79.901, -17.452, 82.962
Hunter-Lab	75.17, -31.848, 42.604
Binary	10101111, 11010100, 00111010

#afd43a
```
#afd43a rgb(175,212,58)
```
#5f3ad4
```
#5f3ad4 rgb(95,58,212)
```

Complementary Color

#d4ac3a
```
#d4ac3a rgb(212,172,58)
```
#afd43a
```
#afd43a rgb(175,212,58)
```
#62d43a
```
#62d43a rgb(98,212,58)
```

Analogous Color

#ac3ad4
```
#ac3ad4 rgb(172,58,212)
```
#afd43a
```
#afd43a rgb(175,212,58)
```
#3a62d4
```
#3a62d4 rgb(58,98,212)
```

Split Complementary Color

#d43aaf
```
#d43aaf rgb(212,58,175)
```
#afd43a
```
#afd43a rgb(175,212,58)
```
#3aafd4
```
#3aafd4 rgb(58,175,212)
```

Triadic Color

#d45f3a
```
#d45f3a rgb(212,95,58)
```
#afd43a
```
#afd43a rgb(175,212,58)
```
#3aafd4
```
#3aafd4 rgb(58,175,212)
```
#5f3ad4
```
#5f3ad4 rgb(95,58,212)
```

Tetradic Color

#819f23
```
#819f23 rgb(129,159,35)
```
#92b427
```
#92b427 rgb(146,180,39)
```
#a3c92c
```
#a3c92c rgb(163,201,44)
```
#afd43a
```
#afd43a rgb(175,212,58)
```
#b8d94f
```
#b8d94f rgb(184,217,79)
```
#c0dd64
```
#c0dd64 rgb(192,221,100)
```
#c9e279
```
#c9e279 rgb(201,226,121)
```

Monochromatic Color

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

#d4d33a
```
#d4d33a rgb(212,211,58)
```
#c9d43a
```
#c9d43a rgb(201,212,58)
```
#bcd43a
```
#bcd43a rgb(188,212,58)
```
#afd43a
```
#afd43a rgb(175,212,58)
```
#a2d43a
```
#a2d43a rgb(162,212,58)
```
#95d43a
```
#95d43a rgb(149,212,58)
```
#89d43a
```
#89d43a rgb(137,212,58)
```

Similar Colors

Text with hexadecimal color #afd43a

This text has a font color of #afd43a.

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

#afd43a background color

This paragraph has a background color of #afd43a.

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

#afd43a border color

This element has a border color of #afd43a.

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

CSS codes

.text {color:#afd43a;}

.background {background-color:#afd43a;}

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

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, #0a0c03 is the darkest color, while #fdfefb is the lightest one.

#0a0c03
```
#0a0c03 rgb(10,12,3)
```
#171c06
```
#171c06 rgb(23,28,6)
```
#242d0a
```
#242d0a rgb(36,45,10)
```
#313d0d
```
#313d0d rgb(49,61,13)
```
#3e4d11
```
#3e4d11 rgb(62,77,17)
```
#4b5d14
```
#4b5d14 rgb(75,93,20)
```
#586d18
```
#586d18 rgb(88,109,24)
```
#667d1b
```
#667d1b rgb(102,125,27)
```
#738d1f
```
#738d1f rgb(115,141,31)
```
#809d22
```
#809d22 rgb(128,157,34)
```
#8dad26
```
#8dad26 rgb(141,173,38)
```
#9abd29
```
#9abd29 rgb(154,189,41)
```
#a7ce2d
```
#a7ce2d rgb(167,206,45)
```

Shade Color Variation

#afd43a
```
#afd43a rgb(175,212,58)
```
#b6d84a
```
#b6d84a rgb(182,216,74)
```
#bcdb5a
```
#bcdb5a rgb(188,219,90)
```
#c3df6a
```
#c3df6a rgb(195,223,106)
```
#c9e27a
```
#c9e27a rgb(201,226,122)
```
#d0e68b
```
#d0e68b rgb(208,230,139)
```
#d6e99b
```
#d6e99b rgb(214,233,155)
```
#ddedab
```
#ddedab rgb(221,237,171)
```
#e3f0bb
```
#e3f0bb rgb(227,240,187)
```
#eaf4cb
```
#eaf4cb rgb(234,244,203)
```
#f0f7db
```
#f0f7db rgb(240,247,219)
```
#f7fbeb
```
#f7fbeb rgb(247,251,235)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#898a84
```
#898a84 rgb(137,138,132)
```
#8d937b
```
#8d937b rgb(141,147,123)
```
#929d71
```
#929d71 rgb(146,157,113)
```
#97a668
```
#97a668 rgb(151,166,104)
```
#9caf5f
```
#9caf5f rgb(156,175,95)
```
#a1b856
```
#a1b856 rgb(161,184,86)
```
#a5c24c
```
#a5c24c rgb(165,194,76)
```
#aacb43
```
#aacb43 rgb(170,203,67)
```
#afd43a
```
#afd43a rgb(175,212,58)
```
#b4dd31
```
#b4dd31 rgb(180,221,49)
```
#b9e628
```
#b9e628 rgb(185,230,40)
```
#bdf01e
```
#bdf01e rgb(189,240,30)
```
#c2f915
```
#c2f915 rgb(194,249,21)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5bd9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c940 Protanopia 1% of men
#f8bf4f Deuteranopia 1% of men
#c4c8d7 Tritanopia 0.001% of the population

Trichromacy

#cecd3e Protanomaly 1% of men, 0.01% of women
#ddc747 Deuteranomaly 6% of men, 0.4% of women
#bccc9d Tritanomaly 0.01% of the population