#afd51f hex color

In a RGB color space, hex #afd51f is composed of 68.6% red, 83.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 85.4% yellow and 16.5% black. It has a hue angle of 72.5 degrees, a saturation of 74.6% and a lightness of 47.8%. #afd51f color hex could be obtained by blending #ffff3e with #5fab00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 84
- B 12
RGB color chart
- C 18
- M 0
- Y 85
- K 16
CMYK color chart

● #afd51f color description : Strong yellow.

The hexadecimal color #afd51f has RGB values of R:175, G:213, B:31 and CMYK values of C:0.18, M:0, Y:0.85, K:0.16. Its decimal value is 11523359.

Hex triplet	afd51f	`#afd51f`
RGB Decimal	175, 213, 31	`rgb(175,213,31)`
RGB Percent	68.6, 83.5, 12.2	`rgb(68.6%,83.5%,12.2%)`
CMYK	18, 0, 85, 16
HSL	72.5°, 74.6, 47.8	`hsl(72.5,74.6%,47.8%)`
HSV (or HSB)	72.5°, 85.4, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.068, -34.093, 75.212
XYZ	41.72, 56.801, 10.062
xyY	0.384, 0.523, 56.801
CIE-LCH	80.068, 82.579, 114.385
CIE-LUV	80.068, -17.921, 88.441
Hunter-Lab	75.366, -33.08, 44.841
Binary	10101111, 11010101, 00011111

#afd51f
```
#afd51f rgb(175,213,31)
```
#451fd5
```
#451fd5 rgb(69,31,213)
```

Complementary Color

#d5a01f
```
#d5a01f rgb(213,160,31)
```
#afd51f
```
#afd51f rgb(175,213,31)
```
#54d51f
```
#54d51f rgb(84,213,31)
```

Analogous Color

#a01fd5
```
#a01fd5 rgb(160,31,213)
```
#afd51f
```
#afd51f rgb(175,213,31)
```
#1f54d5
```
#1f54d5 rgb(31,84,213)
```

Split Complementary Color

#d51faf
```
#d51faf rgb(213,31,175)
```
#afd51f
```
#afd51f rgb(175,213,31)
```
#1fafd5
```
#1fafd5 rgb(31,175,213)
```

Triadic Color

#d5451f
```
#d5451f rgb(213,69,31)
```
#afd51f
```
#afd51f rgb(175,213,31)
```
#1fafd5
```
#1fafd5 rgb(31,175,213)
```
#451fd5
```
#451fd5 rgb(69,31,213)
```

Tetradic Color

#789215
```
#789215 rgb(120,146,21)
```
#8aa819
```
#8aa819 rgb(138,168,25)
```
#9dbf1c
```
#9dbf1c rgb(157,191,28)
```
#afd51f
```
#afd51f rgb(175,213,31)
```
#bbe02d
```
#bbe02d rgb(187,224,45)
```
#c2e443
```
#c2e443 rgb(194,228,67)
```
#c9e75a
```
#c9e75a rgb(201,231,90)
```

Monochromatic Color

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

#d5ce1f
```
#d5ce1f rgb(213,206,31)
```
#cdd51f
```
#cdd51f rgb(205,213,31)
```
#bed51f
```
#bed51f rgb(190,213,31)
```
#afd51f
```
#afd51f rgb(175,213,31)
```
#a0d51f
```
#a0d51f rgb(160,213,31)
```
#91d51f
```
#91d51f rgb(145,213,31)
```
#82d51f
```
#82d51f rgb(130,213,31)
```

Similar Colors

Text with hexadecimal color #afd51f

This text has a font color of #afd51f.

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

#afd51f background color

This paragraph has a background color of #afd51f.

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

#afd51f border color

This element has a border color of #afd51f.

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

CSS codes

.text {color:#afd51f;}

.background {background-color:#afd51f;}

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

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

#060801
```
#060801 rgb(6,8,1)
```
#141904
```
#141904 rgb(20,25,4)
```
#222a06
```
#222a06 rgb(34,42,6)
```
#303b09
```
#303b09 rgb(48,59,9)
```
#3e4c0b
```
#3e4c0b rgb(62,76,11)
```
#4d5d0e
```
#4d5d0e rgb(77,93,14)
```
#5b6e10
```
#5b6e10 rgb(91,110,16)
```
#697f13
```
#697f13 rgb(105,127,19)
```
#779115
```
#779115 rgb(119,145,21)
```
#85a218
```
#85a218 rgb(133,162,24)
```
#93b31a
```
#93b31a rgb(147,179,26)
```
#a1c41d
```
#a1c41d rgb(161,196,29)
```
#afd51f
```
#afd51f rgb(175,213,31)
```

Shade Color Variation

#b9e028
```
#b9e028 rgb(185,224,40)
```
#bfe239
```
#bfe239 rgb(191,226,57)
```
#c4e54a
```
#c4e54a rgb(196,229,74)
```
#cae75b
```
#cae75b rgb(202,231,91)
```
#d0ea6c
```
#d0ea6c rgb(208,234,108)
```
#d5ec7e
```
#d5ec7e rgb(213,236,126)
```
#dbef8f
```
#dbef8f rgb(219,239,143)
```
#e0f1a0
```
#e0f1a0 rgb(224,241,160)
```
#e6f4b1
```
#e6f4b1 rgb(230,244,177)
```
#ebf6c2
```
#ebf6c2 rgb(235,246,194)
```
#f1f9d3
```
#f1f9d3 rgb(241,249,211)
```
#f6fbe4
```
#f6fbe4 rgb(246,251,228)
```
#fcfef5
```
#fcfef5 rgb(252,254,245)
```

Tint Color Variation

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

#7e8173
```
#7e8173 rgb(126,129,115)
```
#838a6a
```
#838a6a rgb(131,138,106)
```
#899361
```
#899361 rgb(137,147,97)
```
#8e9d57
```
#8e9d57 rgb(142,157,87)
```
#94a64e
```
#94a64e rgb(148,166,78)
```
#99af45
```
#99af45 rgb(153,175,69)
```
#9fb93b
```
#9fb93b rgb(159,185,59)
```
#a4c232
```
#a4c232 rgb(164,194,50)
```
#aacc28
```
#aacc28 rgb(170,204,40)
```
#afd51f
```
#afd51f rgb(175,213,31)
```
#b4de16
```
#b4de16 rgb(180,222,22)
```
#bae80c
```
#bae80c rgb(186,232,12)
```
#bff103
```
#bff103 rgb(191,241,3)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b4bb97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c926 Protanopia 1% of men
#fabf3b Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd23 Protanomaly 1% of men, 0.01% of women
#dfc731 Deuteranomaly 6% of men, 0.4% of women
#bdcd94 Tritanomaly 0.01% of the population

#afd51f hex color

#afd51f Color Information

#afd51f Color Conversion

Color Schemes with #afd51f

Alternatives to #afd51f

#afd51f Preview

Shades and Tints of #afd51f

Tones of #afd51f

Color Blindness Simulator