#afd535 hex color

In a RGB color space, hex #afd535 is composed of 68.6% red, 83.5% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 75.1% yellow and 16.5% black. It has a hue angle of 74.3 degrees, a saturation of 65.6% and a lightness of 52.2%. #afd535 color hex could be obtained by blending #ffff6a 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

● #afd535 color description : Strong yellow.

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

Hex triplet	afd535	`#afd535`
RGB Decimal	175, 213, 53	`rgb(175,213,53)`
RGB Percent	68.6, 83.5, 20.8	`rgb(68.6%,83.5%,20.8%)`
CMYK	18, 0, 75, 16
HSL	74.3°, 65.6, 52.2	`hsl(74.3,65.6%,52.2%)`
HSV (or HSB)	74.3°, 75.1, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.157, -33.281, 69.517
XYZ	42.116, 56.959, 12.143
xyY	0.379, 0.512, 56.959
CIE-LCH	80.157, 77.073, 115.582
CIE-LUV	80.157, -17.993, 84.559
Hunter-Lab	75.471, -32.465, 43.29
Binary	10101111, 11010101, 00110101

#afd535
```
#afd535 rgb(175,213,53)
```
#5b35d5
```
#5b35d5 rgb(91,53,213)
```

Complementary Color

#d5ab35
```
#d5ab35 rgb(213,171,53)
```
#afd535
```
#afd535 rgb(175,213,53)
```
#5fd535
```
#5fd535 rgb(95,213,53)
```

Analogous Color

#ab35d5
```
#ab35d5 rgb(171,53,213)
```
#afd535
```
#afd535 rgb(175,213,53)
```
#355fd5
```
#355fd5 rgb(53,95,213)
```

Split Complementary Color

#d535af
```
#d535af rgb(213,53,175)
```
#afd535
```
#afd535 rgb(175,213,53)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```

Triadic Color

#d55b35
```
#d55b35 rgb(213,91,53)
```
#afd535
```
#afd535 rgb(175,213,53)
```
#35afd5
```
#35afd5 rgb(53,175,213)
```
#5b35d5
```
#5b35d5 rgb(91,53,213)
```

Tetradic Color

#7f9d21
```
#7f9d21 rgb(127,157,33)
```
#91b225
```
#91b225 rgb(145,178,37)
```
#a2c729
```
#a2c729 rgb(162,199,41)
```
#afd535
```
#afd535 rgb(175,213,53)
```
#b7d94a
```
#b7d94a rgb(183,217,74)
```
#c0de5f
```
#c0de5f rgb(192,222,95)
```
#c8e274
```
#c8e274 rgb(200,226,116)
```

Monochromatic Color

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

#d5d335
```
#d5d335 rgb(213,211,53)
```
#cad535
```
#cad535 rgb(202,213,53)
```
#bcd535
```
#bcd535 rgb(188,213,53)
```
#afd535
```
#afd535 rgb(175,213,53)
```
#a2d535
```
#a2d535 rgb(162,213,53)
```
#94d535
```
#94d535 rgb(148,213,53)
```
#87d535
```
#87d535 rgb(135,213,53)
```

Similar Colors

Text with hexadecimal color #afd535

This text has a font color of #afd535.

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

#afd535 background color

This paragraph has a background color of #afd535.

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

#afd535 border color

This element has a border color of #afd535.

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

CSS codes

.text {color:#afd535;}

.background {background-color:#afd535;}

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

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

#070902
```
#070902 rgb(7,9,2)
```
#151905
```
#151905 rgb(21,25,5)
```
#222a09
```
#222a09 rgb(34,42,9)
```
#2f3a0c
```
#2f3a0c rgb(47,58,12)
```
#3c4a0f
```
#3c4a0f rgb(60,74,15)
```
#495a13
```
#495a13 rgb(73,90,19)
```
#566b16
```
#566b16 rgb(86,107,22)
```
#647b1a
```
#647b1a rgb(100,123,26)
```
#718b1d
```
#718b1d rgb(113,139,29)
```
#7e9b20
```
#7e9b20 rgb(126,155,32)
```
#8bab24
```
#8bab24 rgb(139,171,36)
```
#98bc27
```
#98bc27 rgb(152,188,39)
```
#a6cc2a
```
#a6cc2a rgb(166,204,42)
```

Shade Color Variation

#afd535
```
#afd535 rgb(175,213,53)
```
#b5d845
```
#b5d845 rgb(181,216,69)
```
#bcdc55
```
#bcdc55 rgb(188,220,85)
```
#c2df66
```
#c2df66 rgb(194,223,102)
```
#c9e376
```
#c9e376 rgb(201,227,118)
```
#cfe686
```
#cfe686 rgb(207,230,134)
```
#d6e996
```
#d6e996 rgb(214,233,150)
```
#dceda7
```
#dceda7 rgb(220,237,167)
```
#e2f0b7
```
#e2f0b7 rgb(226,240,183)
```
#e9f3c7
```
#e9f3c7 rgb(233,243,199)
```
#eff7d7
```
#eff7d7 rgb(239,247,215)
```
#f6fae8
```
#f6fae8 rgb(246,250,232)
```
#fcfef8
```
#fcfef8 rgb(252,254,248)
```

Tint Color Variation

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

#888a80
```
#888a80 rgb(136,138,128)
```
#8d9377
```
#8d9377 rgb(141,147,119)
```
#919d6d
```
#919d6d rgb(145,157,109)
```
#96a664
```
#96a664 rgb(150,166,100)
```
#9baf5b
```
#9baf5b rgb(155,175,91)
```
#a0b951
```
#a0b951 rgb(160,185,81)
```
#a5c248
```
#a5c248 rgb(165,194,72)
```
#aacc3e
```
#aacc3e rgb(170,204,62)
```
#afd535
```
#afd535 rgb(175,213,53)
```
#b4de2c
```
#b4de2c rgb(180,222,44)
```
#b9e822
```
#b9e822 rgb(185,232,34)
```
#bef119
```
#bef119 rgb(190,241,25)
```
#c3fb0f
```
#c3fb0f rgb(195,251,15)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5bd9d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#afd535 hex color

#afd535 Color Information

#afd535 Color Conversion

Color Schemes with #afd535

Alternatives to #afd535

#afd535 Preview

Shades and Tints of #afd535

Tones of #afd535

Color Blindness Simulator