#afd503 Color Information
In a RGB color space, hex #afd503 is composed of 68.6% red, 83.5% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 98.6% yellow and 16.5% black. It has a hue angle of 70.9 degrees, a saturation of 97.2% and a lightness of 42.4%. #afd503 color hex could be obtained by blending #ffff06 with #5fab00. Closest websafe color is: #99cc00.
-
- R 69
- G 84
- B 1
-
- C 18
- M 0
- Y 99
- K 16
● #afd503 color description : Strong yellow.
#afd503 Color Conversion
The hexadecimal color #afd503 has RGB values of R:175, G:213, B:3 and CMYK values of C:0.18, M:0, Y:0.99, K:0.16. Its decimal value is 11523331.
Hex triplet | afd503 | #afd503 |
---|---|---|
RGB Decimal | 175, 213, 3 | rgb(175,213,3) |
RGB Percent | 68.6, 83.5, 1.2 | rgb(68.6%,83.5%,1.2%) |
CMYK | 18, 0, 99, 16 | |
HSL | 70.9°, 97.2, 42.4 | hsl(70.9,97.2%,42.4%) |
HSV (or HSB) | 70.9°, 98.6, 83.5 | |
Web Safe | 99cc00 | #99cc00 |
CIE-LAB | 80.015, -34.571, 78.922 |
---|---|
XYZ | 41.49, 56.709, 8.846 |
xyY | 0.388, 0.53, 56.709 |
CIE-LCH | 80.015, 86.161, 113.655 |
CIE-LUV | 80.015, -17.878, 90.739 |
Hunter-Lab | 75.305, -33.439, 45.749 |
Binary | 10101111, 11010101, 00000011 |
Color Schemes with #afd503
Alternatives to #afd503
Below, you can see some colors close to #afd503. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#afd503 Preview
This text has a font color of #afd503.
<span style="color:#afd503;">Text here</span>
This paragraph has a background color of #afd503.
<p style="background-color:#afd503;">Content here</p>
This element has a border color of #afd503.
<div style="border:1px solid #afd503;">Content here</div>
.text {color:#afd503;}
.background {background-color:#afd503;}
.border {border:1px solid #afd503;}
Shades and Tints of #afd503
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, #000000 is the darkest color, while #fbffec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#101400
#101400
rgb(16,20,0)
-
#202701
#202701
rgb(32,39,1)
-
#303a01
#303a01
rgb(48,58,1)
-
#404e01
#404e01
rgb(64,78,1)
-
#506101
#506101
rgb(80,97,1)
-
#607402
#607402
rgb(96,116,2)
-
#6f8802
#6f8802
rgb(111,136,2)
-
#7f9b02
#7f9b02
rgb(127,155,2)
-
#8fae02
#8fae02
rgb(143,174,2)
-
#9fc203
#9fc203
rgb(159,194,3)
-
#afd503
#afd503
rgb(175,213,3)
-
#bfe803
#bfe803
rgb(191,232,3)
-
#cffb04
#cffb04
rgb(207,251,4)
-
#d2fc17
#d2fc17
rgb(210,252,23)
-
#d6fc2a
#d6fc2a
rgb(214,252,42)
-
#dafc3e
#dafc3e
rgb(218,252,62)
-
#defd51
#defd51
rgb(222,253,81)
-
#e1fd64
#e1fd64
rgb(225,253,100)
-
#e5fd78
#e5fd78
rgb(229,253,120)
-
#e9fd8b
#e9fd8b
rgb(233,253,139)
-
#ecfe9f
#ecfe9f
rgb(236,254,159)
-
#f0feb2
#f0feb2
rgb(240,254,178)
-
#f4fec5
#f4fec5
rgb(244,254,197)
-
#f8fed9
#f8fed9
rgb(248,254,217)
-
#fbffec
#fbffec
rgb(251,255,236)
Tones of #afd503
A tone is produced by adding gray to any pure hue. In this case, #6f7167 is the less saturated color, while #afd503 is the most saturated one.
-
#6f7167
#6f7167
rgb(111,113,103)
-
#757a5e
#757a5e
rgb(117,122,94)
-
#7a8256
#7a8256
rgb(122,130,86)
-
#7f8a4e
#7f8a4e
rgb(127,138,78)
-
#859345
#859345
rgb(133,147,69)
-
#8a9b3d
#8a9b3d
rgb(138,155,61)
-
#8fa335
#8fa335
rgb(143,163,53)
-
#94ab2d
#94ab2d
rgb(148,171,45)
-
#9ab424
#9ab424
rgb(154,180,36)
-
#9fbc1c
#9fbc1c
rgb(159,188,28)
-
#a4c414
#a4c414
rgb(164,196,20)
-
#aacd0b
#aacd0b
rgb(170,205,11)
-
#afd503
#afd503
rgb(175,213,3)
Color Blindness Simulator
Below, you can see how #afd503 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.