#afd834 Color Information
In a RGB color space, hex #afd834 is composed of 68.6% red, 84.7% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 19% cyan, 0% magenta, 75.9% yellow and 15.3% black. It has a hue angle of 75 degrees, a saturation of 67.8% and a lightness of 52.5%. #afd834 color hex could be obtained by blending #ffff68 with #5fb100. Closest websafe color is: #99cc33.
-
- R 69
- G 85
- B 20
-
- C 19
- M 0
- Y 76
- K 15
● #afd834 color description : Strong yellow.
#afd834 Color Conversion
The hexadecimal color #afd834 has RGB values of R:175, G:216, B:52 and CMYK values of C:0.19, M:0, Y:0.76, K:0.15. Its decimal value is 11524148.
| Hex triplet | afd834 | #afd834 |
|---|---|---|
| RGB Decimal | 175, 216, 52 | rgb(175,216,52) |
| RGB Percent | 68.6, 84.7, 20.4 | rgb(68.6%,84.7%,20.4%) |
| CMYK | 19, 0, 76, 15 | |
| HSL | 75°, 67.8, 52.5 | hsl(75,67.8%,52.5%) |
| HSV (or HSB) | 75°, 75.9, 84.7 | |
| Web Safe | 99cc33 | #99cc33 |
| CIE-LAB | 81.001, -34.705, 70.621 |
|---|---|
| XYZ | 42.854, 58.473, 12.277 |
| xyY | 0.377, 0.515, 58.473 |
| CIE-LCH | 81.001, 78.688, 116.171 |
| CIE-LUV | 81.001, -19.67, 86.023 |
| Hunter-Lab | 76.468, -33.783, 44.008 |
| Binary | 10101111, 11011000, 00110100 |
Color Schemes with #afd834
Alternatives to #afd834
Below, you can see some colors close to #afd834. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd834 Preview
This text has a font color of #afd834.
<span style="color:#afd834;">Text here</span>
This paragraph has a background color of #afd834.
<p style="background-color:#afd834;">Content here</p>
This element has a border color of #afd834.
<div style="border:1px solid #afd834;">Content here</div>
.text {color:#afd834;}
.background {background-color:#afd834;}
.border {border:1px solid #afd834;}
Shades and Tints of #afd834
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, #090b02 is the darkest color, while #fdfef9 is the lightest one.
-
#090b02
#090b02rgb(9,11,2) -
#161b05
#161b05rgb(22,27,5) -
#232c08
#232c08rgb(35,44,8) -
#303c0c
#303c0crgb(48,60,12) -
#3d4d0f
#3d4d0frgb(61,77,15) -
#4a5d12
#4a5d12rgb(74,93,18) -
#576e15
#576e15rgb(87,110,21) -
#657e18
#657e18rgb(101,126,24) -
#728f1b
#728f1brgb(114,143,27) -
#7f9f1f
#7f9f1frgb(127,159,31) -
#8caf22
#8caf22rgb(140,175,34) -
#99c025
#99c025rgb(153,192,37) -
#a6d028
#a6d028rgb(166,208,40)
-
#afd834
#afd834rgb(175,216,52) -
#b5db44
#b5db44rgb(181,219,68) -
#bcde55
#bcde55rgb(188,222,85) -
#c2e165
#c2e165rgb(194,225,101) -
#c9e576
#c9e576rgb(201,229,118) -
#cfe886
#cfe886rgb(207,232,134) -
#d6eb97
#d6eb97rgb(214,235,151) -
#dceea7
#dceea7rgb(220,238,167) -
#e3f1b8
#e3f1b8rgb(227,241,184) -
#e9f4c8
#e9f4c8rgb(233,244,200) -
#f0f8d9
#f0f8d9rgb(240,248,217) -
#f6fbe9
#f6fbe9rgb(246,251,233) -
#fdfef9
#fdfef9rgb(253,254,249)
Tones of #afd834
A tone is produced by adding gray to any pure hue. In this case, #8a8e7e is the less saturated color, while #c2fd0f is the most saturated one.
-
#8a8e7e
#8a8e7ergb(138,142,126) -
#8e9775
#8e9775rgb(142,151,117) -
#93a06c
#93a06crgb(147,160,108) -
#98a963
#98a963rgb(152,169,99) -
#9cb359
#9cb359rgb(156,179,89) -
#a1bc50
#a1bc50rgb(161,188,80) -
#a6c547
#a6c547rgb(166,197,71) -
#aacf3d
#aacf3drgb(170,207,61) -
#afd834
#afd834rgb(175,216,52) -
#b4e12b
#b4e12brgb(180,225,43) -
#b8eb21
#b8eb21rgb(184,235,33) -
#bdf418
#bdf418rgb(189,244,24) -
#c2fd0f
#c2fd0frgb(194,253,15)
Color Blindness Simulator
Below, you can see how #afd834 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.
