#afd51b hex color

In a RGB color space, hex #afd51b is composed of 68.6% red, 83.5% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 87.3% yellow and 16.5% black. It has a hue angle of 72.3 degrees, a saturation of 77.5% and a lightness of 47.1%. #afd51b color hex could be obtained by blending #ffff36 with #5fab00. Closest websafe color is: #99cc33.

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

● #afd51b color description : Strong yellow.

The hexadecimal color #afd51b has RGB values of R:175, G:213, B:27 and CMYK values of C:0.18, M:0, Y:0.87, K:0.16. Its decimal value is 11523355.

Hex triplet	afd51b	`#afd51b`
RGB Decimal	175, 213, 27	`rgb(175,213,27)`
RGB Percent	68.6, 83.5, 10.6	`rgb(68.6%,83.5%,10.6%)`
CMYK	18, 0, 87, 16
HSL	72.3°, 77.5, 47.1	`hsl(72.3,77.5%,47.1%)`
HSV (or HSB)	72.3°, 87.3, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.056, -34.195, 75.98
XYZ	41.671, 56.781, 9.801
xyY	0.385, 0.525, 56.781
CIE-LCH	80.056, 83.321, 114.23
CIE-LUV	80.056, -17.911, 88.931
Hunter-Lab	75.353, -33.157, 45.035
Binary	10101111, 11010101, 00011011

#afd51b
```
#afd51b rgb(175,213,27)
```
#411bd5
```
#411bd5 rgb(65,27,213)
```

Complementary Color

#d59e1b
```
#d59e1b rgb(213,158,27)
```
#afd51b
```
#afd51b rgb(175,213,27)
```
#52d51b
```
#52d51b rgb(82,213,27)
```

Analogous Color

#9e1bd5
```
#9e1bd5 rgb(158,27,213)
```
#afd51b
```
#afd51b rgb(175,213,27)
```
#1b52d5
```
#1b52d5 rgb(27,82,213)
```

Split Complementary Color

#d51baf
```
#d51baf rgb(213,27,175)
```
#afd51b
```
#afd51b rgb(175,213,27)
```
#1bafd5
```
#1bafd5 rgb(27,175,213)
```

Triadic Color

#d5411b
```
#d5411b rgb(213,65,27)
```
#afd51b
```
#afd51b rgb(175,213,27)
```
#1bafd5
```
#1bafd5 rgb(27,175,213)
```
#411bd5
```
#411bd5 rgb(65,27,213)
```

Tetradic Color

#779112
```
#779112 rgb(119,145,18)
```
#8aa815
```
#8aa815 rgb(138,168,21)
```
#9cbe18
```
#9cbe18 rgb(156,190,24)
```
#afd51b
```
#afd51b rgb(175,213,27)
```
#bde326
```
#bde326 rgb(189,227,38)
```
#c4e63d
```
#c4e63d rgb(196,230,61)
```
#cbe953
```
#cbe953 rgb(203,233,83)
```

Monochromatic Color

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

#d5cd1b
```
#d5cd1b rgb(213,205,27)
```
#ced51b
```
#ced51b rgb(206,213,27)
```
#bfd51b
```
#bfd51b rgb(191,213,27)
```
#afd51b
```
#afd51b rgb(175,213,27)
```
#a0d51b
```
#a0d51b rgb(160,213,27)
```
#90d51b
```
#90d51b rgb(144,213,27)
```
#81d51b
```
#81d51b rgb(129,213,27)
```

Similar Colors

Text with hexadecimal color #afd51b

This text has a font color of #afd51b.

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

#afd51b background color

This paragraph has a background color of #afd51b.

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

#afd51b border color

This element has a border color of #afd51b.

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

CSS codes

.text {color:#afd51b;}

.background {background-color:#afd51b;}

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

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 #fbfdf2 is the lightest one.

#030401
```
#030401 rgb(3,4,1)
```
#121603
```
#121603 rgb(18,22,3)
```
#202705
```
#202705 rgb(32,39,5)
```
#2e3807
```
#2e3807 rgb(46,56,7)
```
#3d4a09
```
#3d4a09 rgb(61,74,9)
```
#4b5b0c
```
#4b5b0c rgb(75,91,12)
```
#596d0e
```
#596d0e rgb(89,109,14)
```
#677e10
```
#677e10 rgb(103,126,16)
```
#768f12
```
#768f12 rgb(118,143,18)
```
#84a114
```
#84a114 rgb(132,161,20)
```
#92b217
```
#92b217 rgb(146,178,23)
```
#a1c419
```
#a1c419 rgb(161,196,25)
```
#afd51b
```
#afd51b rgb(175,213,27)
```

Shade Color Variation

#bbe321
```
#bbe321 rgb(187,227,33)
```
#c1e532
```
#c1e532 rgb(193,229,50)
```
#c6e744
```
#c6e744 rgb(198,231,68)
```
#cbe955
```
#cbe955 rgb(203,233,85)
```
#d0ec66
```
#d0ec66 rgb(208,236,102)
```
#d6ee78
```
#d6ee78 rgb(214,238,120)
```
#dbf089
```
#dbf089 rgb(219,240,137)
```
#e0f29b
```
#e0f29b rgb(224,242,155)
```
#e6f4ac
```
#e6f4ac rgb(230,244,172)
```
#ebf7bd
```
#ebf7bd rgb(235,247,189)
```
#f0f9cf
```
#f0f9cf rgb(240,249,207)
```
#f6fbe0
```
#f6fbe0 rgb(246,251,224)
```
#fbfdf2
```
#fbfdf2 rgb(251,253,242)
```

Tint Color Variation

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

#787977
```
#787977 rgb(120,121,119)
```
#7e826e
```
#7e826e rgb(126,130,110)
```
#838b65
```
#838b65 rgb(131,139,101)
```
#89945c
```
#89945c rgb(137,148,92)
```
#8e9e52
```
#8e9e52 rgb(142,158,82)
```
#94a749
```
#94a749 rgb(148,167,73)
```
#99b040
```
#99b040 rgb(153,176,64)
```
#9fb937
```
#9fb937 rgb(159,185,55)
```
#a4c32d
```
#a4c32d rgb(164,195,45)
```
#aacc24
```
#aacc24 rgb(170,204,36)
```
#afd51b
```
#afd51b rgb(175,213,27)
```
#b4de12
```
#b4de12 rgb(180,222,18)
```
#bae709
```
#bae709 rgb(186,231,9)
```

Tone Color Variation

Below, you can see how #afd51b 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
#b3bb95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c922 Protanopia 1% of men
#fabf38 Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfcd1f Protanomaly 1% of men, 0.01% of women
#dfc72e Deuteranomaly 6% of men, 0.4% of women
#bdcd92 Tritanomaly 0.01% of the population

#afd51b hex color

#afd51b Color Information

#afd51b Color Conversion

Color Schemes with #afd51b

Alternatives to #afd51b

#afd51b Preview

Shades and Tints of #afd51b

Tones of #afd51b

Color Blindness Simulator