#afd536 hex color

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

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

● #afd536 color description : Moderate yellow.

The hexadecimal color #afd536 has RGB values of R:175, G:213, B:54 and CMYK values of C:0.18, M:0, Y:0.75, K:0.16. Its decimal value is 11523382.

Hex triplet	afd536	`#afd536`
RGB Decimal	175, 213, 54	`rgb(175,213,54)`
RGB Percent	68.6, 83.5, 21.2	`rgb(68.6%,83.5%,21.2%)`
CMYK	18, 0, 75, 16
HSL	74.3°, 65.4, 52.4	`hsl(74.3,65.4%,52.4%)`
HSV (or HSB)	74.3°, 74.6, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.162, -33.233, 69.204
XYZ	42.139, 56.968, 12.266
xyY	0.378, 0.512, 56.968
CIE-LCH	80.162, 76.77, 115.651
CIE-LUV	80.162, -17.997, 84.333
Hunter-Lab	75.477, -32.429, 43.199
Binary	10101111, 11010101, 00110110

#afd536
```
#afd536 rgb(175,213,54)
```
#5c36d5
```
#5c36d5 rgb(92,54,213)
```

Complementary Color

#d5ac36
```
#d5ac36 rgb(213,172,54)
```
#afd536
```
#afd536 rgb(175,213,54)
```
#60d536
```
#60d536 rgb(96,213,54)
```

Analogous Color

#ac36d5
```
#ac36d5 rgb(172,54,213)
```
#afd536
```
#afd536 rgb(175,213,54)
```
#3660d5
```
#3660d5 rgb(54,96,213)
```

Split Complementary Color

#d536af
```
#d536af rgb(213,54,175)
```
#afd536
```
#afd536 rgb(175,213,54)
```
#36afd5
```
#36afd5 rgb(54,175,213)
```

Triadic Color

#d55c36
```
#d55c36 rgb(213,92,54)
```
#afd536
```
#afd536 rgb(175,213,54)
```
#36afd5
```
#36afd5 rgb(54,175,213)
```
#5c36d5
```
#5c36d5 rgb(92,54,213)
```

Tetradic Color

#809e21
```
#809e21 rgb(128,158,33)
```
#91b325
```
#91b325 rgb(145,179,37)
```
#a2c82a
```
#a2c82a rgb(162,200,42)
```
#afd536
```
#afd536 rgb(175,213,54)
```
#b7d94b
```
#b7d94b rgb(183,217,75)
```
#c0de60
```
#c0de60 rgb(192,222,96)
```
#c8e275
```
#c8e275 rgb(200,226,117)
```

Monochromatic Color

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

#d5d336
```
#d5d336 rgb(213,211,54)
```
#cad536
```
#cad536 rgb(202,213,54)
```
#bcd536
```
#bcd536 rgb(188,213,54)
```
#afd536
```
#afd536 rgb(175,213,54)
```
#a2d536
```
#a2d536 rgb(162,213,54)
```
#95d536
```
#95d536 rgb(149,213,54)
```
#87d536
```
#87d536 rgb(135,213,54)
```

Similar Colors

Text with hexadecimal color #afd536

This text has a font color of #afd536.

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

#afd536 background color

This paragraph has a background color of #afd536.

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

#afd536 border color

This element has a border color of #afd536.

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

CSS codes

.text {color:#afd536;}

.background {background-color:#afd536;}

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

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, #080a02 is the darkest color, while #fcfef9 is the lightest one.

#080a02
```
#080a02 rgb(8,10,2)
```
#151a05
```
#151a05 rgb(21,26,5)
```
#222a09
```
#222a09 rgb(34,42,9)
```
#303b0c
```
#303b0c rgb(48,59,12)
```
#3d4b10
```
#3d4b10 rgb(61,75,16)
```
#4a5b13
```
#4a5b13 rgb(74,91,19)
```
#576b16
```
#576b16 rgb(87,107,22)
```
#647c1a
```
#647c1a rgb(100,124,26)
```
#718c1d
```
#718c1d rgb(113,140,29)
```
#7e9c21
```
#7e9c21 rgb(126,156,33)
```
#8cac24
```
#8cac24 rgb(140,172,36)
```
#99bc27
```
#99bc27 rgb(153,188,39)
```
#a6cd2b
```
#a6cd2b rgb(166,205,43)
```

Shade Color Variation

#afd536
```
#afd536 rgb(175,213,54)
```
#b5d846
```
#b5d846 rgb(181,216,70)
```
#bcdc56
```
#bcdc56 rgb(188,220,86)
```
#c2df67
```
#c2df67 rgb(194,223,103)
```
#c9e377
```
#c9e377 rgb(201,227,119)
```
#cfe687
```
#cfe687 rgb(207,230,135)
```
#d6e997
```
#d6e997 rgb(214,233,151)
```
#dceda8
```
#dceda8 rgb(220,237,168)
```
#e3f0b8
```
#e3f0b8 rgb(227,240,184)
```
#e9f4c8
```
#e9f4c8 rgb(233,244,200)
```
#f0f7d8
```
#f0f7d8 rgb(240,247,216)
```
#f6fae8
```
#f6fae8 rgb(246,250,232)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#888a81
```
#888a81 rgb(136,138,129)
```
#8d9477
```
#8d9477 rgb(141,148,119)
```
#929d6e
```
#929d6e rgb(146,157,110)
```
#97a665
```
#97a665 rgb(151,166,101)
```
#9bb05b
```
#9bb05b rgb(155,176,91)
```
#a0b952
```
#a0b952 rgb(160,185,82)
```
#a5c249
```
#a5c249 rgb(165,194,73)
```
#aacc3f
```
#aacc3f rgb(170,204,63)
```
#afd536
```
#afd536 rgb(175,213,54)
```
#b4de2d
```
#b4de2d rgb(180,222,45)
```
#b9e823
```
#b9e823 rgb(185,232,35)
```
#bef11a
```
#bef11a rgb(190,241,26)
```
#c3fa11
```
#c3fa11 rgb(195,250,17)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6be9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca3d Protanopia 1% of men
#f9c04b Deuteranopia 1% of men
#c5c9d7 Tritanopia 0.001% of the population

Trichromacy

#cfce3a Protanomaly 1% of men, 0.01% of women
#dec743 Deuteranomaly 6% of men, 0.4% of women
#bdcd9d Tritanomaly 0.01% of the population

#afd536 hex color

#afd536 Color Information

#afd536 Color Conversion

Color Schemes with #afd536

Alternatives to #afd536

#afd536 Preview

Shades and Tints of #afd536

Tones of #afd536

Color Blindness Simulator