#afd235 hex color

In a RGB color space, hex #afd235 is composed of 68.6% red, 82.4% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 74.8% yellow and 17.6% black. It has a hue angle of 73.4 degrees, a saturation of 63.6% and a lightness of 51.6%. #afd235 color hex could be obtained by blending #ffff6a with #5fa500. Closest websafe color is: #99cc33.

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

● #afd235 color description : Moderate yellow.

The hexadecimal color #afd235 has RGB values of R:175, G:210, B:53 and CMYK values of C:0.17, M:0, Y:0.75, K:0.18. Its decimal value is 11522613.

Hex triplet	afd235	`#afd235`
RGB Decimal	175, 210, 53	`rgb(175,210,53)`
RGB Percent	68.6, 82.4, 20.8	`rgb(68.6%,82.4%,20.8%)`
CMYK	17, 0, 75, 18
HSL	73.4°, 63.6, 51.6	`hsl(73.4,63.6%,51.6%)`
HSV (or HSB)	73.4°, 74.8, 82.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.308, -31.891, 68.717
XYZ	41.368, 55.464, 11.894
xyY	0.38, 0.51, 55.464
CIE-LCH	79.308, 75.756, 114.896
CIE-LUV	79.308, -16.294, 83.311
Hunter-Lab	74.474, -31.179, 42.663
Binary	10101111, 11010010, 00110101

#afd235
```
#afd235 rgb(175,210,53)
```
#5835d2
```
#5835d2 rgb(88,53,210)
```

Complementary Color

#d2a735
```
#d2a735 rgb(210,167,53)
```
#afd235
```
#afd235 rgb(175,210,53)
```
#61d235
```
#61d235 rgb(97,210,53)
```

Analogous Color

#a735d2
```
#a735d2 rgb(167,53,210)
```
#afd235
```
#afd235 rgb(175,210,53)
```
#3560d2
```
#3560d2 rgb(53,96,210)
```

Split Complementary Color

#d235af
```
#d235af rgb(210,53,175)
```
#afd235
```
#afd235 rgb(175,210,53)
```
#35afd2
```
#35afd2 rgb(53,175,210)
```

Triadic Color

#d25835
```
#d25835 rgb(210,88,53)
```
#afd235
```
#afd235 rgb(175,210,53)
```
#35afd2
```
#35afd2 rgb(53,175,210)
```
#5835d2
```
#5835d2 rgb(88,53,210)
```

Tetradic Color

#7e9922
```
#7e9922 rgb(126,153,34)
```
#8fad27
```
#8fad27 rgb(143,173,39)
```
#a1c22b
```
#a1c22b rgb(161,194,43)
```
#afd235
```
#afd235 rgb(175,210,53)
```
#b7d74a
```
#b7d74a rgb(183,215,74)
```
#c0db5f
```
#c0db5f rgb(192,219,95)
```
#c8e074
```
#c8e074 rgb(200,224,116)
```

Monochromatic Color

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

#d2ce35
```
#d2ce35 rgb(210,206,53)
```
#c9d235
```
#c9d235 rgb(201,210,53)
```
#bcd235
```
#bcd235 rgb(188,210,53)
```
#afd235
```
#afd235 rgb(175,210,53)
```
#a2d235
```
#a2d235 rgb(162,210,53)
```
#95d235
```
#95d235 rgb(149,210,53)
```
#88d235
```
#88d235 rgb(136,210,53)
```

Similar Colors

Text with hexadecimal color #afd235

This text has a font color of #afd235.

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

#afd235 background color

This paragraph has a background color of #afd235.

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

#afd235 border color

This element has a border color of #afd235.

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

CSS codes

.text {color:#afd235;}

.background {background-color:#afd235;}

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

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

#050701
```
#050701 rgb(5,7,1)
```
#131705
```
#131705 rgb(19,23,5)
```
#202709
```
#202709 rgb(32,39,9)
```
#2d370c
```
#2d370c rgb(45,55,12)
```
#3a4710
```
#3a4710 rgb(58,71,16)
```
#485713
```
#485713 rgb(72,87,19)
```
#556717
```
#556717 rgb(85,103,23)
```
#62771a
```
#62771a rgb(98,119,26)
```
#70871e
```
#70871e rgb(112,135,30)
```
#7d9722
```
#7d9722 rgb(125,151,34)
```
#8aa725
```
#8aa725 rgb(138,167,37)
```
#97b729
```
#97b729 rgb(151,183,41)
```
#a5c72c
```
#a5c72c rgb(165,199,44)
```

Shade Color Variation

#afd235
```
#afd235 rgb(175,210,53)
```
#b5d645
```
#b5d645 rgb(181,214,69)
```
#bcd955
```
#bcd955 rgb(188,217,85)
```
#c2dd65
```
#c2dd65 rgb(194,221,101)
```
#c8e075
```
#c8e075 rgb(200,224,117)
```
#cfe485
```
#cfe485 rgb(207,228,133)
```
#d5e795
```
#d5e795 rgb(213,231,149)
```
#dbeba5
```
#dbeba5 rgb(219,235,165)
```
#e2efb5
```
#e2efb5 rgb(226,239,181)
```
#e8f2c5
```
#e8f2c5 rgb(232,242,197)
```
#eff6d5
```
#eff6d5 rgb(239,246,213)
```
#f5f9e5
```
#f5f9e5 rgb(245,249,229)
```
#fbfdf6
```
#fbfdf6 rgb(251,253,246)
```

Tint Color Variation

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

#858681
```
#858681 rgb(133,134,129)
```
#8a9078
```
#8a9078 rgb(138,144,120)
```
#8f996e
```
#8f996e rgb(143,153,110)
```
#95a365
```
#95a365 rgb(149,163,101)
```
#9aac5b
```
#9aac5b rgb(154,172,91)
```
#9fb652
```
#9fb652 rgb(159,182,82)
```
#a4bf48
```
#a4bf48 rgb(164,191,72)
```
#aac93f
```
#aac93f rgb(170,201,63)
```
#afd235
```
#afd235 rgb(175,210,53)
```
#b4dc2c
```
#b4dc2c rgb(180,220,44)
```
#bae522
```
#bae522 rgb(186,229,34)
```
#bfef19
```
#bfef19 rgb(191,239,25)
```
#c4f80f
```
#c4f80f rgb(196,248,15)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5bc9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec73c Protanopia 1% of men
#f6be4a Deuteranopia 1% of men
#c4c6d5 Tritanopia 0.001% of the population

Trichromacy

#cdcb39 Protanomaly 1% of men, 0.01% of women
#dcc542 Deuteranomaly 6% of men, 0.4% of women
#bcca9a Tritanomaly 0.01% of the population

#afd235 hex color

#afd235 Color Information

#afd235 Color Conversion

Color Schemes with #afd235

Alternatives to #afd235

#afd235 Preview

Shades and Tints of #afd235

Tones of #afd235

Color Blindness Simulator