#ade500 Color Information
In a RGB color space, hex #ade500 is composed of 67.8% red, 89.8% green and 0% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 0% magenta, 100% yellow and 10.2% black. It has a hue angle of 74.7 degrees, a saturation of 100% and a lightness of 44.9%. #ade500 color hex could be obtained by blending #ffff00 with #5bcb00. Closest websafe color is: #99cc00.
-
- R 68
- G 90
- B 0
-
- C 24
- M 0
- Y 100
- K 10
● #ade500 color description : Pure (or mostly pure) yellow.
#ade500 Color Conversion
The hexadecimal color #ade500 has RGB values of R:173, G:229, B:0 and CMYK values of C:0.24, M:0, Y:1, K:0.1. Its decimal value is 11396352.
Hex triplet | ade500 | #ade500 |
---|---|---|
RGB Decimal | 173, 229, 0 | rgb(173,229,0) |
RGB Percent | 67.8, 89.8, 0 | rgb(67.8%,89.8%,0%) |
CMYK | 24, 0, 100, 10 | |
HSL | 74.7°, 100, 44.9 | hsl(74.7,100%,44.9%) |
HSV (or HSB) | 74.7°, 100, 89.8 | |
Web Safe | 99cc00 | #99cc00 |
CIE-LAB | 84.443, -42.521, 82.503 |
---|---|
XYZ | 45.252, 64.922, 10.147 |
xyY | 0.376, 0.54, 64.922 |
CIE-LCH | 84.443, 92.816, 117.266 |
CIE-LUV | 84.443, -27.852, 97.032 |
Hunter-Lab | 80.574, -40.755, 48.935 |
Binary | 10101101, 11100101, 00000000 |
Color Schemes with #ade500
Alternatives to #ade500
Below, you can see some colors close to #ade500. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ade500 Preview
This text has a font color of #ade500.
<span style="color:#ade500;">Text here</span>
This paragraph has a background color of #ade500.
<p style="background-color:#ade500;">Content here</p>
This element has a border color of #ade500.
<div style="border:1px solid #ade500;">Content here</div>
.text {color:#ade500;}
.background {background-color:#ade500;}
.border {border:1px solid #ade500;}
Shades and Tints of #ade500
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, #0a0d00 is the darkest color, while #fdfff9 is the lightest one.
-
#0a0d00
#0a0d00
rgb(10,13,0)
-
#192100
#192100
rgb(25,33,0)
-
#283400
#283400
rgb(40,52,0)
-
#364800
#364800
rgb(54,72,0)
-
#455c00
#455c00
rgb(69,92,0)
-
#546f00
#546f00
rgb(84,111,0)
-
#638300
#638300
rgb(99,131,0)
-
#729700
#729700
rgb(114,151,0)
-
#81aa00
#81aa00
rgb(129,170,0)
-
#8fbe00
#8fbe00
rgb(143,190,0)
-
#9ed100
#9ed100
rgb(158,209,0)
-
#ade500
#ade500
rgb(173,229,0)
-
#bcf900
#bcf900
rgb(188,249,0)
-
#c4ff0d
#c4ff0d
rgb(196,255,13)
-
#c9ff21
#c9ff21
rgb(201,255,33)
-
#cdff34
#cdff34
rgb(205,255,52)
-
#d2ff48
#d2ff48
rgb(210,255,72)
-
#d7ff5c
#d7ff5c
rgb(215,255,92)
-
#dcff6f
#dcff6f
rgb(220,255,111)
-
#e1ff83
#e1ff83
rgb(225,255,131)
-
#e5ff97
#e5ff97
rgb(229,255,151)
-
#eaffaa
#eaffaa
rgb(234,255,170)
-
#efffbe
#efffbe
rgb(239,255,190)
-
#f4ffd1
#f4ffd1
rgb(244,255,209)
-
#f9ffe5
#f9ffe5
rgb(249,255,229)
-
#fdfff9
#fdfff9
rgb(253,255,249)
Tones of #ade500
A tone is produced by adding gray to any pure hue. In this case, #777b6a is the less saturated color, while #ade500 is the most saturated one.
-
#777b6a
#777b6a
rgb(119,123,106)
-
#7c8461
#7c8461
rgb(124,132,97)
-
#808d58
#808d58
rgb(128,141,88)
-
#85964f
#85964f
rgb(133,150,79)
-
#899f46
#899f46
rgb(137,159,70)
-
#8ea73e
#8ea73e
rgb(142,167,62)
-
#92b035
#92b035
rgb(146,176,53)
-
#97b92c
#97b92c
rgb(151,185,44)
-
#9bc223
#9bc223
rgb(155,194,35)
-
#a0cb1a
#a0cb1a
rgb(160,203,26)
-
#a4d312
#a4d312
rgb(164,211,18)
-
#a9dc09
#a9dc09
rgb(169,220,9)
-
#ade500
#ade500
rgb(173,229,0)
Color Blindness Simulator
Below, you can see how #ade500 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.