colorhexa.com

#afd12f hex color

In a RGB color space, hex #afd12f is composed of 68.6% red, 82% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 77.5% yellow and 18% black. It has a hue angle of 72.6 degrees, a saturation of 63.8% and a lightness of 50.2%. #afd12f color hex could be obtained by blending #ffff5e with #5fa300. Closest websafe color is: #99cc33.

- R 69
- G 82
- B 18
RGB color chart
- C 16
- M 0
- Y 78
- K 18
CMYK color chart

● #afd12f color description : Strong yellow.

The hexadecimal color #afd12f has RGB values of R:175, G:209, B:47 and CMYK values of C:0.16, M:0, Y:0.78, K:0.18. Its decimal value is 11522351.

Hex triplet	afd12f	`#afd12f`
RGB Decimal	175, 209, 47	`rgb(175,209,47)`
RGB Percent	68.6, 82, 18.4	`rgb(68.6%,82%,18.4%)`
CMYK	16, 0, 78, 18
HSL	72.6°, 63.8, 50.2	`hsl(72.6,63.8%,50.2%)`
HSV (or HSB)	72.6°, 77.5, 82
Web Safe	99cc33	`#99cc33`

CIE-LAB	78.995, -31.694, 70.27
XYZ	40.992, 54.92, 11.13
xyY	0.383, 0.513, 54.92
CIE-LCH	78.995, 77.087, 114.277
CIE-LUV	78.995, -15.694, 84.183
Hunter-Lab	74.108, -30.953, 42.971
Binary	10101111, 11010001, 00101111

#afd12f
```
#afd12f rgb(175,209,47)
```
#512fd1
```
#512fd1 rgb(81,47,209)
```

Complementary Color

#d1a22f
```
#d1a22f rgb(209,162,47)
```
#afd12f
```
#afd12f rgb(175,209,47)
```
#5ed12f
```
#5ed12f rgb(94,209,47)
```

Analogous Color

#a22fd1
```
#a22fd1 rgb(162,47,209)
```
#afd12f
```
#afd12f rgb(175,209,47)
```
#2f5ed1
```
#2f5ed1 rgb(47,94,209)
```

Split Complementary Color

#d12faf
```
#d12faf rgb(209,47,175)
```
#afd12f
```
#afd12f rgb(175,209,47)
```
#2fafd1
```
#2fafd1 rgb(47,175,209)
```

Triadic Color

#d1512f
```
#d1512f rgb(209,81,47)
```
#afd12f
```
#afd12f rgb(175,209,47)
```
#2fafd1
```
#2fafd1 rgb(47,175,209)
```
#512fd1
```
#512fd1 rgb(81,47,209)
```

Tetradic Color

#7b9321
```
#7b9321 rgb(123,147,33)
```
#8ca825
```
#8ca825 rgb(140,168,37)
```
#9ebd2a
```
#9ebd2a rgb(158,189,42)
```
#afd12f
```
#afd12f rgb(175,209,47)
```
#b7d644
```
#b7d644 rgb(183,214,68)
```
#bfda59
```
#bfda59 rgb(191,218,89)
```
#c7df6e
```
#c7df6e rgb(199,223,110)
```

Monochromatic Color

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

#d1cb2f
```
#d1cb2f rgb(209,203,47)
```
#cad12f
```
#cad12f rgb(202,209,47)
```
#bdd12f
```
#bdd12f rgb(189,209,47)
```
#afd12f
```
#afd12f rgb(175,209,47)
```
#a2d12f
```
#a2d12f rgb(162,209,47)
```
#94d12f
```
#94d12f rgb(148,209,47)
```
#87d12f
```
#87d12f rgb(135,209,47)
```

Similar Colors

Text with hexadecimal color #afd12f

This text has a font color of #afd12f.

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

#afd12f background color

This paragraph has a background color of #afd12f.

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

#afd12f border color

This element has a border color of #afd12f.

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

CSS codes

.text {color:#afd12f;}

.background {background-color:#afd12f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e1104
```
#0e1104 rgb(14,17,4)
```
#1c2107
```
#1c2107 rgb(28,33,7)
```
#29310b
```
#29310b rgb(41,49,11)
```
#36410e
```
#36410e rgb(54,65,14)
```
#445112
```
#445112 rgb(68,81,18)
```
#516115
```
#516115 rgb(81,97,21)
```
#5f7119
```
#5f7119 rgb(95,113,25)
```
#6c811d
```
#6c811d rgb(108,129,29)
```
#7a9120
```
#7a9120 rgb(122,145,32)
```
#87a124
```
#87a124 rgb(135,161,36)
```
#94b227
```
#94b227 rgb(148,178,39)
```
#a2c22b
```
#a2c22b rgb(162,194,43)
```

Shade Color Variation

#afd12f
```
#afd12f rgb(175,209,47)
```
#b5d53f
```
#b5d53f rgb(181,213,63)
```
#bbd84f
```
#bbd84f rgb(187,216,79)
```
#c2dc5f
```
#c2dc5f rgb(194,220,95)
```
#c8df6f
```
#c8df6f rgb(200,223,111)
```
#cee37f
```
#cee37f rgb(206,227,127)
```
#d4e68f
```
#d4e68f rgb(212,230,143)
```
#daea9f
```
#daea9f rgb(218,234,159)
```
#e0edb0
```
#e0edb0 rgb(224,237,176)
```
#e7f1c0
```
#e7f1c0 rgb(231,241,192)
```
#edf5d0
```
#edf5d0 rgb(237,245,208)
```
#f3f8e0
```
#f3f8e0 rgb(243,248,224)
```
#f9fcf0
```
#f9fcf0 rgb(249,252,240)
```

Tint Color Variation

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

#82837d
```
#82837d rgb(130,131,125)
```
#878d73
```
#878d73 rgb(135,141,115)
```
#8d966a
```
#8d966a rgb(141,150,106)
```
#93a060
```
#93a060 rgb(147,160,96)
```
#98aa56
```
#98aa56 rgb(152,170,86)
```
#9eb44c
```
#9eb44c rgb(158,180,76)
```
#a4bd43
```
#a4bd43 rgb(164,189,67)
```
#a9c739
```
#a9c739 rgb(169,199,57)
```
#afd12f
```
#afd12f rgb(175,209,47)
```
#b5db25
```
#b5db25 rgb(181,219,37)
```
#bae51b
```
#bae51b rgb(186,229,27)
```
#c0ee12
```
#c0ee12 rgb(192,238,18)
```
#c6f808
```
#c6f808 rgb(198,248,8)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3ba99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec736 Protanopia 1% of men
#f6bd45 Deuteranopia 1% of men
#c4c5d3 Tritanopia 0.001% of the population

Trichromacy

#cdca33 Protanomaly 1% of men, 0.01% of women
#dcc43d Deuteranomaly 6% of men, 0.4% of women
#bcc997 Tritanomaly 0.01% of the population