#afd036 hex color

In a RGB color space, hex #afd036 is composed of 68.6% red, 81.6% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 0% magenta, 74% yellow and 18.4% black. It has a hue angle of 72.9 degrees, a saturation of 62.1% and a lightness of 51.4%. #afd036 color hex could be obtained by blending #ffff6c with #5fa100. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 82
- B 21
RGB color chart
- C 16
- M 0
- Y 74
- K 18
CMYK color chart

● #afd036 color description : Moderate yellow.

The hexadecimal color #afd036 has RGB values of R:175, G:208, B:54 and CMYK values of C:0.16, M:0, Y:0.74, K:0.18. Its decimal value is 11522102.

Hex triplet	afd036	`#afd036`
RGB Decimal	175, 208, 54	`rgb(175,208,54)`
RGB Percent	68.6, 81.6, 21.2	`rgb(68.6%,81.6%,21.2%)`
CMYK	16, 0, 74, 18
HSL	72.9°, 62.1, 51.4	`hsl(72.9,62.1%,51.4%)`
HSV (or HSB)	72.9°, 74, 81.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	78.748, -30.91, 67.862
XYZ	40.9, 54.492, 11.853
xyY	0.381, 0.508, 54.492
CIE-LCH	78.748, 74.569, 114.488
CIE-LUV	78.748, -15.157, 82.245
Hunter-Lab	73.819, -30.281, 42.153
Binary	10101111, 11010000, 00110110

#afd036
```
#afd036 rgb(175,208,54)
```
#5736d0
```
#5736d0 rgb(87,54,208)
```

Complementary Color

#d0a436
```
#d0a436 rgb(208,164,54)
```
#afd036
```
#afd036 rgb(175,208,54)
```
#62d036
```
#62d036 rgb(98,208,54)
```

Analogous Color

#a436d0
```
#a436d0 rgb(164,54,208)
```
#afd036
```
#afd036 rgb(175,208,54)
```
#3662d0
```
#3662d0 rgb(54,98,208)
```

Split Complementary Color

#d036af
```
#d036af rgb(208,54,175)
```
#afd036
```
#afd036 rgb(175,208,54)
```
#36afd0
```
#36afd0 rgb(54,175,208)
```

Triadic Color

#d05736
```
#d05736 rgb(208,87,54)
```
#afd036
```
#afd036 rgb(175,208,54)
```
#36afd0
```
#36afd0 rgb(54,175,208)
```
#5736d0
```
#5736d0 rgb(87,54,208)
```

Tetradic Color

#7e9623
```
#7e9623 rgb(126,150,35)
```
#8fab28
```
#8fab28 rgb(143,171,40)
```
#a0c02d
```
#a0c02d rgb(160,192,45)
```
#afd036
```
#afd036 rgb(175,208,54)
```
#b7d54b
```
#b7d54b rgb(183,213,75)
```
#bfda5f
```
#bfda5f rgb(191,218,95)
```
#c8de74
```
#c8de74 rgb(200,222,116)
```

Monochromatic Color

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

#d0cb36
```
#d0cb36 rgb(208,203,54)
```
#c9d036
```
#c9d036 rgb(201,208,54)
```
#bcd036
```
#bcd036 rgb(188,208,54)
```
#afd036
```
#afd036 rgb(175,208,54)
```
#a2d036
```
#a2d036 rgb(162,208,54)
```
#95d036
```
#95d036 rgb(149,208,54)
```
#89d036
```
#89d036 rgb(137,208,54)
```

Similar Colors

Text with hexadecimal color #afd036

This text has a font color of #afd036.

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

#afd036 background color

This paragraph has a background color of #afd036.

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

#afd036 border color

This element has a border color of #afd036.

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

CSS codes

.text {color:#afd036;}

.background {background-color:#afd036;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#121605
```
#121605 rgb(18,22,5)
```
#1f2509
```
#1f2509 rgb(31,37,9)
```
#2d350c
```
#2d350c rgb(45,53,12)
```
#3a4510
```
#3a4510 rgb(58,69,16)
```
#475514
```
#475514 rgb(71,85,20)
```
#546518
```
#546518 rgb(84,101,24)
```
#62751b
```
#62751b rgb(98,117,27)
```
#6f851f
```
#6f851f rgb(111,133,31)
```
#7c9523
```
#7c9523 rgb(124,149,35)
```
#8aa527
```
#8aa527 rgb(138,165,39)
```
#97b52a
```
#97b52a rgb(151,181,42)
```
#a4c42e
```
#a4c42e rgb(164,196,46)
```

Shade Color Variation

#afd036
```
#afd036 rgb(175,208,54)
```
#b5d446
```
#b5d446 rgb(181,212,70)
```
#bcd756
```
#bcd756 rgb(188,215,86)
```
#c2db66
```
#c2db66 rgb(194,219,102)
```
#c8df76
```
#c8df76 rgb(200,223,118)
```
#cfe385
```
#cfe385 rgb(207,227,133)
```
#d5e695
```
#d5e695 rgb(213,230,149)
```
#dbeaa5
```
#dbeaa5 rgb(219,234,165)
```
#e2eeb5
```
#e2eeb5 rgb(226,238,181)
```
#e8f1c5
```
#e8f1c5 rgb(232,241,197)
```
#eef5d5
```
#eef5d5 rgb(238,245,213)
```
#f5f9e5
```
#f5f9e5 rgb(245,249,229)
```
#fbfdf5
```
#fbfdf5 rgb(251,253,245)
```

Tint Color Variation

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

#838482
```
#838482 rgb(131,132,130)
```
#898d79
```
#898d79 rgb(137,141,121)
```
#8e976f
```
#8e976f rgb(142,151,111)
```
#94a066
```
#94a066 rgb(148,160,102)
```
#99aa5c
```
#99aa5c rgb(153,170,92)
```
#9fb353
```
#9fb353 rgb(159,179,83)
```
#a4bd49
```
#a4bd49 rgb(164,189,73)
```
#aac640
```
#aac640 rgb(170,198,64)
```
#afd036
```
#afd036 rgb(175,208,54)
```
#b4da2c
```
#b4da2c rgb(180,218,44)
```
#bae323
```
#bae323 rgb(186,227,35)
```
#bfed19
```
#bfed19 rgb(191,237,25)
```
#c5f610
```
#c5f610 rgb(197,246,16)
```

Tone Color Variation

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

Dichromacy

#ddc63d Protanopia 1% of men
#f5bc4b Deuteranopia 1% of men
#c4c5d3 Tritanopia 0.001% of the population

Trichromacy

#ccc93a Protanomaly 1% of men, 0.01% of women
#dbc343 Deuteranomaly 6% of men, 0.4% of women
#bcc99a Tritanomaly 0.01% of the population

#afd036 hex color

#afd036 Color Information

#afd036 Color Conversion

Color Schemes with #afd036

Alternatives to #afd036

#afd036 Preview

Shades and Tints of #afd036

Tones of #afd036

Color Blindness Simulator