#afd307 Color Information
In a RGB color space, hex #afd307 is composed of 68.6% red, 82.7% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 96.7% yellow and 17.3% black. It has a hue angle of 70.6 degrees, a saturation of 93.6% and a lightness of 42.7%. #afd307 color hex could be obtained by blending #ffff0e with #5fa700. Closest websafe color is: #99cc00.
-
- R 69
- G 83
- B 3
-
- C 17
- M 0
- Y 97
- K 17
● #afd307 color description : Strong yellow.
#afd307 Color Conversion
The hexadecimal color #afd307 has RGB values of R:175, G:211, B:7 and CMYK values of C:0.17, M:0, Y:0.97, K:0.17. Its decimal value is 11522823.
Hex triplet | afd307 | #afd307 |
---|---|---|
RGB Decimal | 175, 211, 7 | rgb(175,211,7) |
RGB Percent | 68.6, 82.7, 2.7 | rgb(68.6%,82.7%,2.7%) |
CMYK | 17, 0, 97, 17 | |
HSL | 70.6°, 93.6, 42.7 | hsl(70.6,93.6%,42.7%) |
HSV (or HSB) | 70.6°, 96.7, 82.7 | |
Web Safe | 99cc00 | #99cc00 |
CIE-LAB | 79.453, -33.608, 78.119 |
---|---|
XYZ | 41.011, 55.717, 8.795 |
xyY | 0.389, 0.528, 55.717 |
CIE-LCH | 79.453, 85.042, 113.278 |
CIE-LUV | 79.453, -16.737, 89.747 |
Hunter-Lab | 74.644, -32.555, 45.265 |
Binary | 10101111, 11010011, 00000111 |
Color Schemes with #afd307
Alternatives to #afd307
Below, you can see some colors close to #afd307. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd307 Preview
This text has a font color of #afd307.
<span style="color:#afd307;">Text here</span>
This paragraph has a background color of #afd307.
<p style="background-color:#afd307;">Content here</p>
This element has a border color of #afd307.
<div style="border:1px solid #afd307;">Content here</div>
.text {color:#afd307;}
.background {background-color:#afd307;}
.border {border:1px solid #afd307;}
Shades and Tints of #afd307
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, #020200 is the darkest color, while #fcfeee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#121501
#121501
rgb(18,21,1)
-
#212801
#212801
rgb(33,40,1)
-
#313b02
#313b02
rgb(49,59,2)
-
#414e03
#414e03
rgb(65,78,3)
-
#516103
#516103
rgb(81,97,3)
-
#607404
#607404
rgb(96,116,4)
-
#708704
#708704
rgb(112,135,4)
-
#809a05
#809a05
rgb(128,154,5)
-
#90ad06
#90ad06
rgb(144,173,6)
-
#9fc006
#9fc006
rgb(159,192,6)
-
#afd307
#afd307
rgb(175,211,7)
-
#bfe608
#bfe608
rgb(191,230,8)
-
#cdf70a
#cdf70a
rgb(205,247,10)
-
#d1f81d
#d1f81d
rgb(209,248,29)
-
#d5f830
#d5f830
rgb(213,248,48)
-
#d9f943
#d9f943
rgb(217,249,67)
-
#ddf956
#ddf956
rgb(221,249,86)
-
#e0fa69
#e0fa69
rgb(224,250,105)
-
#e4fb7c
#e4fb7c
rgb(228,251,124)
-
#e8fb8f
#e8fb8f
rgb(232,251,143)
-
#ecfca2
#ecfca2
rgb(236,252,162)
-
#f0fdb5
#f0fdb5
rgb(240,253,181)
-
#f4fdc8
#f4fdc8
rgb(244,253,200)
-
#f8fedb
#f8fedb
rgb(248,254,219)
-
#fcfeee
#fcfeee
rgb(252,254,238)
Tones of #afd307
A tone is produced by adding gray to any pure hue. In this case, #6e6e6c is the less saturated color, while #afd307 is the most saturated one.
-
#6e6e6c
#6e6e6c
rgb(110,110,108)
-
#737763
#737763
rgb(115,119,99)
-
#797f5b
#797f5b
rgb(121,127,91)
-
#7e8852
#7e8852
rgb(126,136,82)
-
#84904a
#84904a
rgb(132,144,74)
-
#899842
#899842
rgb(137,152,66)
-
#8ea139
#8ea139
rgb(142,161,57)
-
#94a931
#94a931
rgb(148,169,49)
-
#99b129
#99b129
rgb(153,177,41)
-
#9fba20
#9fba20
rgb(159,186,32)
-
#a4c218
#a4c218
rgb(164,194,24)
-
#aacb0f
#aacb0f
rgb(170,203,15)
-
#afd307
#afd307
rgb(175,211,7)
Color Blindness Simulator
Below, you can see how #afd307 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.