#afd316 Color Information
In a RGB color space, hex #afd316 is composed of 68.6% red, 82.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 89.6% yellow and 17.3% black. It has a hue angle of 71.4 degrees, a saturation of 81.1% and a lightness of 45.7%. #afd316 color hex could be obtained by blending #ffff2c with #5fa700. Closest websafe color is: #99cc00.
-
- R 69
- G 83
- B 9
-
- C 17
- M 0
- Y 90
- K 17
● #afd316 color description : Strong yellow.
#afd316 Color Conversion
The hexadecimal color #afd316 has RGB values of R:175, G:211, B:22 and CMYK values of C:0.17, M:0, Y:0.9, K:0.17. Its decimal value is 11522838.
Hex triplet | afd316 | #afd316 |
---|---|---|
RGB Decimal | 175, 211, 22 | rgb(175,211,22) |
RGB Percent | 68.6, 82.7, 8.6 | rgb(68.6%,82.7%,8.6%) |
CMYK | 17, 0, 90, 17 | |
HSL | 71.4°, 81.1, 45.7 | hsl(71.4,81.1%,45.7%) |
HSV (or HSB) | 71.4°, 89.6, 82.7 | |
Web Safe | 99cc00 | #99cc00 |
CIE-LAB | 79.477, -33.386, 76.362 |
---|---|
XYZ | 41.118, 55.76, 9.356 |
xyY | 0.387, 0.525, 55.76 |
CIE-LCH | 79.477, 83.341, 113.615 |
CIE-LUV | 79.477, -16.759, 88.675 |
Hunter-Lab | 74.673, -32.388, 44.843 |
Binary | 10101111, 11010011, 00010110 |
Color Schemes with #afd316
Alternatives to #afd316
Below, you can see some colors close to #afd316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd316 Preview
This text has a font color of #afd316.
<span style="color:#afd316;">Text here</span>
This paragraph has a background color of #afd316.
<p style="background-color:#afd316;">Content here</p>
This element has a border color of #afd316.
<div style="border:1px solid #afd316;">Content here</div>
.text {color:#afd316;}
.background {background-color:#afd316;}
.border {border:1px solid #afd316;}
Shades and Tints of #afd316
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, #0d1002 is the darkest color, while #fefffd is the lightest one.
-
#0d1002
#0d1002
rgb(13,16,2)
-
#1c2103
#1c2103
rgb(28,33,3)
-
#2a3305
#2a3305
rgb(42,51,5)
-
#394507
#394507
rgb(57,69,7)
-
#485709
#485709
rgb(72,87,9)
-
#57680b
#57680b
rgb(87,104,11)
-
#657a0d
#657a0d
rgb(101,122,13)
-
#748c0f
#748c0f
rgb(116,140,15)
-
#839e10
#839e10
rgb(131,158,16)
-
#92af12
#92af12
rgb(146,175,18)
-
#a0c114
#a0c114
rgb(160,193,20)
-
#afd316
#afd316
rgb(175,211,22)
-
#bee518
#bee518
rgb(190,229,24)
-
#c4e928
#c4e928
rgb(196,233,40)
-
#c9ea39
#c9ea39
rgb(201,234,57)
-
#ceec4b
#ceec4b
rgb(206,236,75)
-
#d2ee5d
#d2ee5d
rgb(210,238,93)
-
#d7f06f
#d7f06f
rgb(215,240,111)
-
#dcf280
#dcf280
rgb(220,242,128)
-
#e1f492
#e1f492
rgb(225,244,146)
-
#e6f6a4
#e6f6a4
rgb(230,246,164)
-
#ebf7b6
#ebf7b6
rgb(235,247,182)
-
#f0f9c8
#f0f9c8
rgb(240,249,200)
-
#f5fbd9
#f5fbd9
rgb(245,251,217)
-
#fafdeb
#fafdeb
rgb(250,253,235)
-
#fefffd
#fefffd
rgb(254,255,253)
Tones of #afd316
A tone is produced by adding gray to any pure hue. In this case, #787970 is the less saturated color, while #bae504 is the most saturated one.
-
#787970
#787970
rgb(120,121,112)
-
#7d8267
#7d8267
rgb(125,130,103)
-
#838b5e
#838b5e
rgb(131,139,94)
-
#889455
#889455
rgb(136,148,85)
-
#8e9d4c
#8e9d4c
rgb(142,157,76)
-
#93a643
#93a643
rgb(147,166,67)
-
#99af3a
#99af3a
rgb(153,175,58)
-
#9eb831
#9eb831
rgb(158,184,49)
-
#a4c128
#a4c128
rgb(164,193,40)
-
#a9ca1f
#a9ca1f
rgb(169,202,31)
-
#afd316
#afd316
rgb(175,211,22)
-
#b5dc0d
#b5dc0d
rgb(181,220,13)
-
#bae504
#bae504
rgb(186,229,4)
Color Blindness Simulator
Below, you can see how #afd316 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.